引用类型有如下四个规则:
规则一
引用类型,都具有对象特性,即可自由扩展属性:
const obj = {}
const arr = []
const fn = function () {}
obj.a = 1
arr.a = 1
fn.a = 1
console.log(obj.a) // 1
console.log(arr.a) // 1
console.log(fn.a) // 1
规则二
引用类型,都有一个隐式原型 __proto__
属性,属性值是一个普通的对象:
const obj = {};
const arr = [];
const fn = function() {}
console.log('obj.__proto__', obj.__proto__);
console.log('arr.__proto__', arr.__proto__);
console.log('fn.__proto__', fn.__proto__);
规则三
引用类型,隐式原型 __proto__
的属性值指向它的构造函数的显式原型 prototype
属性值:
const obj = {};
const arr = [];
const fn = function() {}
obj.__proto__ == Object.prototype // true
arr.__proto__ === Array.prototype // true
fn.__proto__ == Function.prototype // true
规则四
当你试图得到一个对象的某个属性时,如果这个对象本身没有这个属性,那么它会去它的隐式原型 __proto__
(也就是它的构造函数的显式原型 prototype
)中寻找:
const obj = { a:1 }
obj.toString
// ƒ toString() { [native code] }
首先, obj
对象并没有 toString
属性,之所以能获取到 toString
属性,是遵循了第四条规则,从它的构造函数 Object
的 prototype
里去获取。
特例
function Person(name) {
this.name = name
return this // 其实这行可以不写,默认返回 this 对象
}
var nick = new Person("nick")
console.log(nick.toString());
//打印的结果为:[object Object]
这里就引出 原型链 的概念了, nick
实例先从自身出发检讨自己,发现并没有 toString
方法。找不到,就往上走,找 Person
构造函数的 prototype
属性,还是没找到。构造函数的 prototype
也是一个对象嘛,那对象的构造函数是 Object
,所以就找到了 Object.prototype
下的 toString
方法。
function Person(name) {
this.name = name
return this // 其实这行可以不写,默认返回 this 对象
}
var nick = new Person("nick")
console.log(Person.prototype);
console.log(Person.prototype.__proto__ === Object.prototype);
打印结果如下:
**注意:**当我们往对象的__proto__
属性中添加属性时,对象的__proto__
属性仍会指向构造函数的prototype
属性
function Person(name) {
this.name = name
return this // 其实这行可以不写,默认返回 this 对象
}
var nick = new Person("nick")
console.log('1',nick.__proto__ === Person.prototype);
nick.__proto__.age = 12;
console.log('2',nick.__proto__ === Person.prototype);
打印结果如下:
图片描述原型和原型链
总结
通过四个特性、一个例子、一张图片、一个方法,大家应该对原型和原型链的关系有了大概的认知。我的认知就是,原型链就是一个过程,原型是原型链这个过程中的一个单位,贯穿整个原型链。