构造函数、实例、原型、原型链、类class的关系

知道了构造函数、实例,学习了原型、原型链,了解了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)
	}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值