一篇彻底理解JS中的prototype、__proto__与constructor
1.基本类型不是对象(boolean、undefined、number、string) 2.引用类型都是对象(Array,function ,Object) 3.对象是通过函数创建,并且强调,对象字面量也是通过函数创建,举例说明,ES6继承的语法糖 4.函数有的是显式原型prototype 5.对象有的是隐式原型__proto__ 和构造器 constructor 6.但是由于JS中函数也是一种对象,所以函数也拥有__proto__和constructor 7.__proto__ 属性,它是对象所独有的,可以看到__proto__属性都是由一个对象指向一个对象. 它的作用就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(可以理解为父对象)里找,如果父对象也不存在这个属性,则继续往父对象的__proto__属性所指向的那个对象(可以理解为爷爷对象)里找,如果还没找到,则继续往上找…直到原型链顶端null(可以理解为原始人。。。),再往上找就相当于在null上取值,会报错(可以理解为,再往上就已经不是“人”的范畴了,找不到了,到此结束。 8.prototype属性,它是函数所独有的,它是从一个函数指向一个对象。它的含义是函数的原型对象,也就是这个函数(其实所有函数都可以作为构造函数)所创建的实例的原型对象,它的作用就是包含可以由特定类型的所有实例共享的属性和方法,也就是让该函数所实例化的对象们都可以找到公用的属性和方法。任何函数在创建的时候,其实会默认同时创建该函数的prototype对象。 8.constructor属性也是对象才拥有的,它是从一个对象指向一个函数,含义就是指向该对象的构造函数,每个对象都有构造函数(本身拥有或继承而来,继承而来的要结合__proto__属性查看会更清楚点 举栗: class Person { constructor(name) { this.name = name; } } var xiaoming = new Person('张三'); console.log(xiaoming); 输出结果: Person {name: "张三"} name: "张三" __proto__: Object __proto__就是由xiaoming(实例对象)指向Person 对象。 举栗: console.log(xiaoming.__proto__); 输出结果: {constructor: ƒ} constructor: ƒ Person(name) arguments: (...) caller: (...) length: 1 name: "Person" prototype: {constructor: ƒ} __proto__: ƒ () [[FunctionLocation]]: index.vue?0dbc:133 [[Scopes]]: Scopes[3] __proto__: Object 里面的构造器指向的是Person里面的构造函数,因为是函数,所以有prototype(显式原型) 举栗: console.log(xiaoming.__proto__.__proto__); 输出的是: {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …} constructor: ƒ Object() hasOwnProperty: ƒ hasOwnProperty() isPrototypeOf: ƒ isPrototypeOf() propertyIsEnumerable: ƒ propertyIsEnumerable() toLocaleString: ƒ toLocaleString() toString: ƒ toString() valueOf: ƒ valueOf() __defineGetter__: ƒ __defineGetter__() __defineSetter__: ƒ __defineSetter__() __lookupGetter__: ƒ __lookupGetter__() __lookupSetter__: ƒ __lookupSetter__() get __proto__: ƒ __proto__() set __proto__: ƒ __proto__() 寻找构造函数的原型,因为函数也是一个引用类型,所以构造函数指向Object对象 举栗: console.log(xiaoming.__proto__.__proto__.__proto__); 已无隐式原型,内存地址指向空对象指针,输出null