关于原型方面的问题,有以下三句话总结:
- 当 new 一个函数的时候会创建一个对象,
函数.prototype === 被创建对象.__proto__
- 一切函数都是由 Function 这个函数创建的,所以
Function.prototype === 被创建函数.__proto__
- 一切函数的原型对象都是由 Object 这个函数创建的,所以
Object.prototype === 一切函数.prototype.__proto__
Function.prototype === Function.__proto__
Function.prototype === Object.__proto__
Function.prototype.__proto__ === Object.prototype
Function instanceof Object
// 均为 true ~
(1)任何函数都是 Function 创建,所以Function 创建了 Function,所以 Function.prototype === Function.proto;
(2)Object 也是函数。所以Function创建了Object,所以 Function.prototype === Object.proto ;
(3)Function.prototype 是普通对象,普通对象是由Object创建的,所以 Function.prototype.proto === Object.prototype
可以根据上面的代码理解原理来解决下面这些代码的问题
Object instanceof Function
Function instanceof Object
Function instanceof Function
Object instanceof Object
// 均为 true~
instanceof 的作用是判断一个对象是不是一个函数的实例。比如 obj instanceof fn, 实际上是判断fn的prototype是不是在obj的原型链上。比如: obj.proto === fn.prototype, obj.proto.proto === fn.prototype,obj.proto...proto_ === fn.prototype,只要一个成立即可。
(1)对于 Function instanceof Function,因为 Function.proto === Function.prototype,所以为true。
(2)对于 Object instanceof Object, 因为 Object.proto.proto === Function.prototype.proto === Object.prototype , 所以为true
(3)对于 Function instanceof Object, 因为 Function.proto.proto === Function.prototype.proto === Object.prototype, 所以为 true
(4)对于 Object instanceof Function, 因为 Object.proto === Function.prototype,所以为 true
由此可以看出 instanceof 内部的判断过程
如图所示:判断 arr instanceof Object
- 先看
arr.__proto__ === Object.prototype
是否成立 - 如果不成立👆
- 再看
arr.__proto__.__proto__ === Object.prototype
是否成立 - 如上一级一级的往上找,直到根基
下面来看习题中的两题的原型图
function People (name){
this.name = name;
}
People.prototype.walk = function(){
console.log(this.name + ' is walking');
}
var p1 = new People('饥人谷');
var p2 = new People('前端');
上面代码的原型链图.png
function People(){
}
var p = new People()
p.toString()
上面代码中并未添加 toString
方法,下面用原型链图做出解释
网友评论