看不懂源码?先来恶补一波Object原型吧

Object

Object是一种引用数据类型,也是一个构造函数。数组

Object属性

一、Object.prototype

Object的原型。 Object原型处于原型链的顶端,是全部对象的原型。app

二、Object.name

返回Object函数名。函数

Object方法

一、Object.assign()

将两个对象合并,并返回新的对象。 在产生冲突时,后者的属性会覆盖前者。 该方法属于浅拷贝。ui

var target={name: "failte", age: 18};

var source={sex: "man", age: 22};

var obj = Object.assign(target, source);
复制代码

二、Object.create()

以对象原型,建立一个新对象。 第一个参数为原型对象,第二个参数为新描述符属性对象。this

var obj = {
    this.a="a";
    this.b="b"
};

var nobj = Object.create(obj, {
    name: {
        value: 42,
        writable: true,
        enumerable: true,
        configurable: true
    }
});
复制代码

三、Object.seal()

封装对象。封装后的对象没法增删属性,但能够修改属性。 能够经过Object.isSealed()方法判断对象是否被封装。spa

var obj = {a: 1};

Object.seal(obj);

obj.b = 'el';

delete obj.a;

console.log(obj);
复制代码

四、Object.freeze()

冻结对象。被冻结的对象增删改属性。 返回和传入的参数是同一对象。 能够使用Object.isFrozen()方法判断对象是否被冻结。prototype

var obj = {a: 1};

Object.freeze(obj);

obj.b = 2;

delete obj.a;

obj.a = 10;

console.log(obj);
复制代码

五、Object.is()

判断两个对象是否相同。 比较两方为 undefined、null、true、false、相同字符串、同一对象、NaN、+0、0、-0、数字时,返回true,其余状况返回false。code

var obj = {a: 1, b: 2};

console.log(Object.is(undefined, undefined));

console.log(Object.is(null, null));

console.log(Object.is(true, true));

console.log(Object.is(false, false));

console.log(Object.is('aaa', 'aaa'));

console.log(Object.is(obj, obj));

console.log(Object.is(NaN, NaN));

console.log(Object.is(-0, -0));

console.log(Object.is(+0, +0));

console.log(Object.is(0, 0));

console.log(Object.is(100, 100));
复制代码

六、Object.preventExtensions()

限制对象不可扩展。 能够经过Object.isExtensible()判断对象是否被限制。对象

var obj = {a: 1, b: 2};

Object.preventExtensions(obj);

obj.c = 3;

console.log(obj);
复制代码

七、Object.getOwnPropertyNames()

返回对象能够遍历的属性的键名数组。ip

ES6的简洁写法为:Object.keys(obj)

var obj = {a: 1, b: 2};

console.log(Object.keys(obj));
复制代码

八、obj.hasOwnProperty()

判断对象是否存在属性

ES6简洁写法:key in obj

var obj = {a: 1, b: 2};

console.log(obj.hasOwnProperty('a')); // ES5

console.log('a' in obj); //ES6
复制代码

九、Object.getOwnPropertyDescriptor()

查询对象属性的描述符。

var obj = {a: 1, b: 2};

console.log(Object.getOwnPropertyDescriptor(obj, 'a'));
复制代码

十、Object.getOwnPropertyDescriptors()

查询对象的描述符。

var obj = {a: 1, b: 2};

console.log(Object.getOwnPropertyDescriptors(obj));
复制代码

十一、Object.getOwnPropertySymbols()

返回对象全部的Symbol值属性键名数组。

var obj = {a: 1, b: 2, [Symbol('a')]: 3};

console.log(Object.getOwnPropertySymbols(obj));
复制代码

十二、Object.defineProperties()

定义对象属性。

var obj = {};

Object.defineProperties(obj, "val", {
    value: undefined, // 属性值,默认undefined
    writable: false, // 是否可写,默认false
    enumerable: false, // 是否可枚举,默认false
    configurable: false, // 是否可配置,默认false
    get: undefined, // 该属性的getter,默认undefined
    set: undefined, // 该属性的setter,默认undefined
})
复制代码

1三、Object.values()

返回对象全部的属性值数组。

var obj = {a: 1, b: 2};

console.log(Object.values(obj));
复制代码

1四、Object.entries()

返回对象全部属性与属性值的键值对列表。

var obj = {a: 1, b: 2};

console.log(Object.entries(obj));
复制代码

1五、Object.fromEntries()

把键值对列表转换为一个对象。与Object.entries()方法相反。

var obj = {a: 1, b: 2};

var entries = Object.entries(obj);

console.log(Object.fromEntries(entries));
复制代码

1六、Object.getPrototypeOf()

获取对象的原型。至关于直接获取obj.prototype。

var obj = {a: 1, b: 2};

console.log(Object.getPrototypeOf(obj));
复制代码

1七、Object.setPrototypeOf()

设置对象的原型。至关于直接设置obj.prototype。

function Animal() {
    this.a = 1;
    this.b = 2;
}

var obj = {};

Object.setPrototypeOf(obj, new Animal());

console.log(obj.a);
复制代码

1八、Object.toString()

返回当前对象的字符串形式。

原型方法

一、apply()

能够修改this的指向,执行并返回改变指向后的函数的运行结果。

原函数的传参以数组的方式传入。

二、arguments

返回当前函数的实参列表。

get/set

三、bind()

能够修改this的指向,返回改变指向后的函数。

四、call()

能够修改this的指向,执行并返回改变指向后的函数的运行结果。

原函数的传参以多个参数的的方式传入。

get/set

五、caller()

返回函数的调用环境。

六、constructor()

返回当前对象的构造函数。

七、length

返回当前函数的形参个数。

八、name

返回当前对象的名称。

九、toString()

返回当前对象的字符串形式。

十、Symbol.hasInstance

判断某对象是否为某构造器的实例。 用它自定义instanceof操做符在某个类上的行为。

获取Function原型的instanceof对应的方法

var func = () => {};
var obj = {};
var log1 = Function[Symbol.hasInstance](func, Function);
var log2 = Object[Symbol.hasInstance](obj, Object);
console.log(log1, log2)
复制代码

自定义类,并重写instanceof方法

class My {
	static [Symbol.hasInstance](instance) {
		console.log(instance)
		return true;
	}
	constructor() {
		this.a=1
	}
}
var my = new My()
console.log(my instanceof My)
复制代码
相关文章
相关标签/搜索