js对象
javascript中的对象包括自定义类,函数和一些原生对象。这些对象都是拥有属性和方法的数据。(大家容易忽略的是,js中Function也是一个对象)参考学习链接
原型链
通过构造函数创建一个实例探寻原型链、原型本质和继承本质。
- 首先创建构造函数的同时,会在内存中分配两个空间,一个存放Person类的数据,一个存放原型Person.prototype。
- Person类里有一个属性prototype指向原型
(判断地址是否相同用 ===)
Person.prototype === Person.prototype//true
- Person.prototype中也有个属性constructor指向Person类
Person.prototype.constructor === Person//true
- new/实例化一个新对象,内存分配空间,对象的__proto__属性指父类的原型
p1.__proto__ === Person.prototype//true
//创建自定义构造函数
function Person(name, age) {
this.name = name;
this.age = age;
this.sayName = function () {
console.log('my name is', this.name);
}
}
//通过new来实例化一个Person类的对象
var p1 = new Person('tom', 18);
var p2 = new Person('jacket', 12);
p1.sayName();
p2.sayName();
原型链是基于__proto__形成的,图中用蓝色串起来的为p1对象的原型链。
原型链的最顶端为Object.prototype。因为Object.prototype.__proto__ === null//true
。
js中每一个对象自身都有__proto__属性,而prototype属性只有构造函数对象有,普通函数是没有的。参考学习链接
从p1,p2调用父类原型方法sayName()可以看出,产生原型对象的本质是为了封装公有属性和方法,实现所有实例共享。
为了方便理解,我们把Person类比作母亲,p1比作Person的一个孩子,Person.prototype比作父亲,里面包含着p1可以继承/调用的方法。
继承
原型链实际就是一种继承,实例对象继承父类原型方法
以下是继承的三种方法:
1.Person.prototype=new Animal();//让Person成为Animal的孩子
2.Object.setPrototypeOf(Person.prototype,Animal.prototype)
3.Person.prototype.proto=Animal.prototype
总结,继承本质就是让子构造函数的原型指向父构造函数实例
p1 instanceof Person
p1 instanceof Animal
p1 instanceof Object
以上三种都为true,一个对象有3种状态,这也体现了多态。