js中的Object.assign接受两个函数为参数的时候会发生什么?

缘由

今天看到一段代码

return Object.assign(func1, func2);

心生疑惑,为什么 Object.assign 的参数可以是函数?
于是有了下面这一堆东西,其实都是老生常谈的东西,可能是岁数大了吧,有些片段都快丢失了,哈哈

prototype

js 中 万物皆是对象!!!

proto(隐式原型)与 prototype(显式原型)
对象具有属性proto,可称为隐式原型
实例(对象)的 proto === 构造(该实例)函数的 prototype
函数 Function 是特殊的对象,除了有proto外,还有自己的特有的属性 - 原型对象(prototype)
原型对象有一个属性 - constructor,指回 x.prototype 的 x(原函数)

所以 函数 还是 构造函数的函数(Function)都会指回 Object

// 特例
function aa() {}
aa.prototype; // => {constructor: ?}

Function.prototype; // => ? () { [native code] } 函数也是对象哦

// 所以
Function.prototype.constructor // => ? Function() { [native code] }

Function.prototype.constructor === Function // => true

Object.prototype 是 原型的尽头,在往上就是 null 了

看张老图吧

Objecg.assign

定义

Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象

分为两个关键点 源对象自身且可枚举的属性 和 目标对象,一个个解释

枚举

判断是否为枚举属性: Object.propertyIsEnumerable(prop)
如果判断的属性存在于 Object 对象的原型内,不管它是否可枚举都会返回 false。

总的来说,不管什么类型,只要可以用 for...in 遍历出来的属性,全都可以拷贝到 对象

例如 string 和 number:

对象

所说的对象是哪些呢?通过 instanlceof 可知(不包含全部类型)

上面是前提,下面让我们看一个 demo 吧:

function fn() {}
console.log(fn[0], fn[1], fn[2]); // => undefined undefined undefined

const str = "963";
for (let k in str) {
  console.log(`${k}: ${str[k]}`); // => 0: 9
                                  // => 1: 6
                                  // => 2: 3
}

Object.assign(fn, "963");

console.log(fn[0], fn[1], fn[2]); // => 9 6 3

结果如下:

深入讲解proto 和 prototype
属性的可枚举型

原文地址:https://www.cnblogs.com/xiaoyuxy/p/12011209.html

时间: 2024-10-03 01:49:39

js中的Object.assign接受两个函数为参数的时候会发生什么?的相关文章

js中的Object

js中的Object 浅克隆 var obj = { a: 1, b: 2, c: 3 } 方式一: var o = Object.assign({}, obj); 方式二: var {...o} = obj; 深克隆 JSON.parse(JSON.stringify(obj)) freeze 浅冻结,属性值不能修改,但是嵌套的引用类型不起作用 Object.freeze(obj); obj.a = 11 // 修改属性无效 seal 密封对象,不能添加和删除属性 Object.seal(ob

Js中常用的字符串,数组,函数扩展

由于最近辞职在家,自己的时间相对多一点.所以就根据prototytpeJS的API,结合自己正在看的司徒大神的<javascript框架设计>,整理了下Js中常用一些字符串,数组,函数扩展,一来可以练练手,二来也锻炼下自己的代码能力.由于代码里面的注释自认为已经非常详细,所以就直接贴代码了. 1. 字符串扩展: ;(function() { var method, stringExtends = { /** * 删除字符串开始和结尾的空白 * @returns {string} */ stri

Js中的Object.defineProperty

通过Object.defineProperty为对象设置属性,并同时规定属性的属性(可见性,可配置性,可枚举性等) 备注:如果通过var obj = {} obj.age = 18这种方式设置的属性,他的可见性,可配置性,可枚举性等都为true,相当于默认设置了本篇讨论的各种属性都为true 语法:Object.defineProperty(obj, prop, descriptor) 第一个参数:目标对象第二个参数:需要定义的属性或方法的名字.第三个参数:目标属性所拥有的特性.(descrip

js中字符串转换为数值的两种方法的区别

在js中字符串转换为数值的方法有三种:转换函数,强制类型转换,隐式转换 1.转换函数 parseInt()   //将字符串转换为整型 parseFloat()  //将字符串转换为浮点型 转换函数在进行类型转换时是可以传入参数的,默认转换为10进制,转换成功后返回的是整数类型的数值. 例:1. parseInt('AB3', 16) //返回结果:2739,表示将字符串转换为16进制的数值 2.parseInt('13', 10) //返回结果:13,表示将字符串转换为10进制的数值 3.pa

【转帖】MATLAB中产生高斯白噪声的两个函数

MATLAB中产生高斯白噪声非常方便,可以直接应用两个函数,一个是WGN,另一个是AWGN.WGN用于产生高斯白噪声,AWGN则用于在某一信号中加入高斯白噪声. 1. WGN:产生高斯白噪声 y = wgn(m,n,p) 产生一个m行n列的高斯白噪声的矩阵,p以dBW为单位指定输出噪声的强度. y = wgn(m,n,p,imp) 以欧姆(Ohm)为单位指定负载阻抗. y = wgn(m,n,p,imp,state) 重置RANDN的状态. 在数值变量后还可附加一些标志性参数: y = wgn(

JS中几种常见的高阶函数

高阶函数:英文叫Higher-order function.JavaScript的函数其实都指向某个变量.既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数. 一个最简单的高阶函数: function add(x, y, f) { return f(x) + f(y); } //当调用add(-5, 6, Math.abs)时,参数x,y和f分别接收-5,6和函数Math.abs,根据函数定义,可以推导计算过程为: //x = -5;

js中通过Object.prototype.toString方法----精确判断对象的类型

判断是否为函数 function isFunction(it) {        return Object.prototype.toString.call(it) === '[object Function]';    } 判断是否为数组: function isArray(o) {   return Object.prototype.toString.call(o) === '[object Array]';  } 由于 JavaScript 中一切都是对象,任何都不例外,对所有值类型应用

js中的Object对象

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

JS中 为什么很多要用两个!! 来判断

比如 if(!!last) 这个就表示 if(last || false).将判断的类型,强转成boolean类型.如果last是null(或者undefine)的话,!last,返回的就是true . 加了两个叹号后,明确的设置了变量的值,返回的boolean就是根据变量的实际值返回的.(如果是实际值 !!6,根据实际值6它是true,那么最后返回的是true) 所以两个叹号主要是处理null/undifined/0/""等值 原文地址:https://www.cnblogs.com