JavaScript面试题-什么是原型链？instanceof 的使用。new 运算符？修改 this 指向的方法？

原型链

当从一个对象中调用属性或方法时，如果该对象本身不存在这个属性或方法，就回去自己关联的 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

instanceof 运算符用于测试构造函数的 prototype 属性是否出现在对象原型链中的任何位置

例如：

如果A instanceof B，那么 A 必须是一个对象，而 B 必须是一个合法的 JavaScript 函数。在这两个条件都满足的情况下：

• 判断 B 的 prototype 属性指向的原型对象(B.prototype)是否在对象 A 的原型链上；如果在，则为 true；如果不在，则为 false。

new 运算符

原理：

new Foo(…)

1. 创建一个新的对象，该对象继承至 Foo.prototype；
2. 执行 Foo 构造函数，执行时相应的参数会被传入，同时上下文（this）会被指定为写这个新的实例，在不传递参数参数的情况下 new Foo 等同于 new Foo() ；
3. 如果构造函数返回了一个 “对象”，那么这个对象会取代整个 new 出来的结果，如果构造函数没有返回对象，那么 new 出来的结果为步骤一创建的对象。

修改 this 指向

call()

apply()

bind()