JavaScript - 原型及原型链

4 原型

4.1 原型的概念

1. 每个对象都有原型， 原型也是一个对象类型的数据。
2. 对象可以继承它原型上的属性和方法。

4.2 如何获取对象的原型

① 隐式原型方式

对象.__proto__

② 显示原型方式

构造函数.prototype

注意： 构造函数.protype 获取的是实例的原型！！！！！

4.3 对象、构造函数、原型之间的关系

① 对象和构造函数

1. 对象是构造函数的实例，构造函数是对象的抽象（描述）。
2. 一个构造函数对应多个对象，一个对象只能对应一个构造函数。

② 对象和原型

1. 每个对象都有原型
2. 对象可以继承原型上的属性和方法

③ 构造函数和原型

1. 通过构造函数的 prototype 可以获取实例的原型。
2. 默认情况下，构造函数相同的对象，原型也是相同的。

4.4 自定义构造函数时原型的应用

// 定义用户 构造函数
function User(username, pwd, address) {
    // 设置实例的属性
    this.username = username;
    this.pwd = pwd;
    this.address = address;
}

// 把方法添加到实例的原型上
User.prototype.addShopcart = function() {
    console.log(this.username + ' 添加商品到购物车！');
};
User.prototype.addOrder = function() {
    console.log(this.username + ' 下单了，请邮寄到 ' + this.address);
};

4.5 判断属性是否属于对象本身

对象.hasOwnProperty('属性名');

判断属性是否是对象本身上的属性，返回布尔值
如果属性在对象本身上，返回 true； 如果属性在对象的原型上或者没有这个属性，返回 false

与 in 运算符的区别：
in 运算符对于对象本身上的属性和原型上的属性，都得到 true

4.6 创建对象的同时指定原型

// 创建一个没有原型的对象
Object.create(null); 

// 创建一个新对象，指定[100,200,300]为原型
Object.create([100,200,300])

5 原型链

5.1 原型链的概念

对象的原型仍然是个对象类型的数据，所以原型也具有原型，直到一个顶层原型对象， 形成了原型链

5.2 属性查找过程

原型链描述对象中属性的查找过程：
1. 当使用对象中某个属性的时候
2. 先从对象本身查找，如果没有再去原型上查找，还没有继续上层原型查找，直到顶层原型，哪里找到哪里停止查找
3. 如果一直到顶层原型仍然找不到，自动得到 undefined