构造对象
function Person() {}
let person = new Person()
原型
function Person() {}
Person.prototype.name = "ztq"
Person.prototype.sayHi = function () {console.log("hello world")}
let person1 = new Person()
let person2 = new Person()
console.log(Person.prototype) // { name: 'ztq', sayHi: [Function (anonymous)] }
console.log(person1.name) // ztq
console.log(person2.name) // ztq
每个构造函数都有一个prototype
属性指向实例原型
,那什么是实例原型?你可以理解为值为与实例对象相关联的一个原始状态的对象。实例中无法获取到的属性值会去原型中找,这也是后面实现继承的最重要的特性。
constructor
function Person() {}
Person.prototype.name = "ztq"
Person.prototype.sayHi = function () {console.log("hello world")}
let person1 = new Person()
let person2 = new Person()
console.log(person1.constructor) // [Function: Person]
console.log(person2.constructor) // [Function: Person]
console.log(person1.constructor === person2.constructor) // true
proto
在每个实例对象中都有一个[[prototype]]
属性,这个属性我们无法通过标准方式直接访问到,但在chrome
、firefox
、safria
浏览器中有__proto__
属性。在现在的标准中,getPrototype
和setPrototypeOf
可以获取和设置__proto__
,__proto__
属性实际是指向[[prototype]]
的引用。
function Person() {}
Person.prototype.name = "ztq"
Person.prototype.sayHi = function () {console.log("hello world")}
let person1 = new Person()
let person2 = new Person()
console.log(person1.__proto__) // { name: 'ztq', sayHi: [Function (anonymous)] }
console.log(Object.getPrototypeOf(person1)) // { name: 'ztq', sayHi: [Function (anonymous)] }
原型链
实例对象通过__proto__
获取实例原型,但实例原型也是一个对象,那么它也有自己的实例原型
function Person() {}
Person.prototype.name = "ztq"
Person.prototype.sayHi = function () {console.log("hello world")}
let person1 = new Person()
let person2 = new Person()
console.log(person1.__proto__) // { name: 'ztq', sayHi: [Function (anonymous)] }
console.log(person1.__proto__.__proto__) // [Object: null prototype] {}
由原型的原型这么连接而成的链就成了原型链,在图片中由蓝色的线构成,实例对象可以获取原型中的属性,这就构成了由原型链实现继承的重要特性。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。