JavaScript原型链#

1
function Dog(name) {
2
    this.name = name;
3
}
4

5
// prototype是函数的属性，用来给实例共享方法
6
Dog.prototype.bark = function() {
7
    console.log(this.name + "汪汪汪");
8
};
9

10
var dog1 = new Dog("旺财");
11
var dog2 = new Dog("来福");
12

13
dog1.bark(); // "旺财汪汪汪"
14
dog2.bark(); // "来福汪汪汪"
15

16
// dog1和dog2共享同一个bark方法
17
// 这个方法存在Dog.prototype里

1
var dog1 = new Dog("旺财");
2

3
// dog1的__proto__指向Dog.prototype
4
dog1.__proto__ === Dog.prototype; // true
5

6
// Dog.prototype的__proto__指向Object.prototype
7
Dog.prototype.__proto__ === Object.prototype; // true
8

9
// Object.prototype的__proto__指向null（原型链尽头）
10
Object.prototype.__proto__ === null; // true

1
function Dog(name) {
2
    this.name = name;
3
}
4

5
// Dog.prototype.constructor 指向 Dog 自己
6
Dog.prototype.constructor === Dog; // true
7

8
// 所以实例可以通过constructor找到自己的构造函数
9
var dog1 = new Dog("旺财");
10
dog1.constructor === Dog; // true
11
// dog1没有constructor，是顺着__proto__找到Dog.prototype上的constructor

1
var arr = [1, 2, 3];
2

3
// arr是Array的实例
4
arr.__proto__ === Array.prototype;  // true
5

6
// Array.prototype上有所有数组方法
7
Array.prototype.push;  // function push()
8
Array.prototype.pop;   // function pop()
9

10
// arr能用这些方法，因为顺着__proto__找到的
11
arr.push(4);  // arr.__proto__.push.call(arr, 4)
12

13
// Array.prototype的__proto__指向Object.prototype
14
Array.prototype.__proto__ === Object.prototype; // true
15

16
// Array.prototype.constructor指向Array自己
17
Array.prototype.constructor === Array; // true
18

19
// arr.constructor也是Array
20
arr.constructor === Array; // true