当从一个对象中调用属性或方法时,如果该对象本身不存在这个属性或方法,就回去自己关联的 prototype 对象中寻找,如果 prototype 中没有,就会去 prototype 关联的上级中 prototype 中寻找,如果再没有则继续查找 prototype.prototype 引用的对象,以此类推直到 为 undefined (Object 的 prototype 就为 undefined),这就是所谓的原型链。
简单示例:
// 创建构造函数 var Obj = function (name) { this.name = name } // 创建实例对象 var o1 = new Obj('小小') // 在 Obj 的原型上增加一个方法 say Obj.prototype.say = function () { console.log('调用了 say 方法') } // 创建实例对象 var o2 = new Obj('小乔') // 原型对象的方法 被 实例所共有 o1.say() o2.say()在声明函数时,js引擎 会为其函数添加 prototype 属性(只有函数有 prototype),该属性会初始化一个原型对象;
Obj.prototype {constructor: ƒ}原型对象中都包含一个指向 构造函数 的指针 constructor ;
Obj.prototype.constructor === Obj构造函数通过 new 生成实例对象;
实例的 __proto__ 指向原型对象(只有实例对象有 _proto_ ,普通函数是 Function 的实例,普通函数也有 __proto__)
o1._proto_ === Obj.prototype所有 JavaScript 对象都有 __proto__ 属性,只有 Object.prototype.__proto__ === null ;
构造函数的 prototype 属性指向它的原型对象,而构造函数实例的 __proto__ 属性也指向该原型对象。
instanceof 运算符用于测试构造函数的 prototype 属性是否出现在对象原型链中的任何位置
例如:
如果A instanceof B,那么 A 必须是一个对象,而 B 必须是一个合法的 JavaScript 函数。在这两个条件都满足的情况下:
判断 B 的 prototype 属性指向的原型对象(B.prototype)是否在对象 A 的原型链上;如果在,则为 true;如果不在,则为 false。原理:
new Foo(…)
创建一个新的对象,该对象继承至 Foo.prototype;执行 Foo 构造函数,执行时相应的参数会被传入,同时上下文(this)会被指定为写这个新的实例,在不传递参数参数的情况下 new Foo 等同于 new Foo() ;如果构造函数返回了一个 “对象”,那么这个对象会取代整个 new 出来的结果,如果构造函数没有返回对象,那么 new 出来的结果为步骤一创建的对象。call()
apply()
bind()
