三、原型方法

ES5为原型拓展了几个方法

3.1 isPrototypeOf

• 原型对象的方法

• 用于判断原型对象是否是参数对象的原型

• 参数就是实例化对象

• 在查找的时候，会查找整个原型链

<div></div>
<div></div>
<div></div>
<script>
    // 获取所有div
    var obj = document.getElementsByTagName("div");
    // 定义数组
    var arr = [];

    // 数组的原型是哪个对象的原型呢？
    console.log(Array.prototype.isPrototypeOf(obj));  // false
    console.log(Array.prototype.isPrototypeOf(arr));  // true
    // 在查找原型的时候，会查找整个原型链
    console.log(Object.prototype.isPrototypeOf(obj));  // true  展开原型链可以找到 Object
    console.log(Object.prototype.isPrototypeOf(arr));  // true  展开原型链可以找到 Object

3.2 getPrototypeOf

• 是对象的静态方法

• 用于获取原型对象

• 在ES5之前，获取原型对象的方式： proto来获取原型对象，以__开头，在ES5中不推荐使用，所以提供了getPrototypeOf方法

// 获取所有div
var obj = document.getElementsByTagName("div");
// 定义数组
var arr = [];

// 获取arr的原型对象
console.log(arr.__proto__);
// ES5
console.log(Object.getPrototypeOf(arr));
console.log(arr.__proto__ === Object.getPrototypeOf(arr));  // true

3.3 setPrototypeOf

作用：

设置某一对象的原型对象（可以是一个对象，也可以是null）

使用方式：

Object.setPrototypeOf(obj, prototype);
    obj：将被设置原型的对象
    prototype：新的原型对象（可以是一个对象，也可以是null）
    会修改整个原型链

新的原型对象为null：

// 设置arr新的原型对象
// 会修改整个原型链
Object.setPrototypeOf(arr, null);
console.log(Object.getPrototypeOf(arr));  // 输出 null  Array中的方法就无法使用了

新的原型对象是一个对像：

Object.setPrototypeOf(arr, {"name": "laowang"});
console.log(Object.getPrototypeOf(arr));  // {name: "laowang"}  成为了 Object