知道了构造函数、实例,学习了原型、原型链,了解了es6的类。是不是还是觉得总是有一点理不清。是的,之前一直没时间理清楚,这里做一篇学习笔记。(学了就忘)
推荐:想必会有人和我一样,问为什么要有构造函数和原型,请看这篇。别人写的很清楚了,我就不做搬运工了
看完这篇,真正理解JS面向对象编程思想
类请看这个一万字ES6的class类,再学不懂,请把我锤死(语法篇)
构造函数和实例
function Person(name,age){
this.name=name,
this.age=age
}
let p1=new Person()
Person为构造函数,p1为构造函数Person的实例
每个实例对象都会有constructor属性,它指向创建该实例对象的构造函数。
即:
p1.consrtuctor==Person;//true
换句话说我们可以通过constructor判断是否为构造函数
原型和原型链
每一个对象都会有一个原型。
Person.prototype指向Person的原型。
Person.prototype为Person创建的,它应该有constructor属性并指向创建它的Person。
Person.prototype.constructor==Person;//true
实例p1有__proto__属性,它指向Person的原型
p1.__proto__==Person.prototype;//true
Person的原型也有__proto__属性
Person.prototype.__proto__== Object.prototype;//true
我们将prototype,和__proto__连起来
p1.__proto__==Person.prototype;//true
Person.prototype.__proto__== Object.prototype;//true
p1.__proto__.__proto__==Object.prototype;//true
根据prototype和__proto__将p1、Person、Object联系起来的这个链就叫原型链了
类 class
ES6 的class可以看作只是一个语法糖,实质上class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法
class Person{
constructor(name,age){
this.name=name;
this.age=age;
}
userInfo(){
console.log(this.name+'的年龄是'+this.age)
}
}
相等于
Person.prototype={
constructor(name,age){
this.name=name;
this.age=age;
}
userInfo(){
console.log(this.name+'的年龄是'+this.age)
}
}