如何理解Js中构造函数、实例对象、原型之间的关系

构造函数和原型

构造函数具有prototype属性(指针),它指向一个新的内存空间,这个空间可用来存放属性和方法,这个空间内的内容就叫原型。

对象和原型

使用构造函数创建的每个对象也都会有prototype属性,指向构造函数的prototype指针所指向的空间。

综上可知,构造函数和其所创建的对象都具有相同且唯一的原型。

将属性or方法写在构造函数和原型内的区别与优缺点分析

当在构造函数中添加属性or方法后,每用构造函数创建一个对象就会将构造函数中所有的属性和方法创建一份储存在对象中。但如果将属性or方法添加至原型中,用构造函数创建对象时不会将原型中的属性or方法再创建一份,但创建的对象依旧可以用‘Object.属性/方法’的方式来调用写在原型中的属性or方法。

通过以上说明可以明白:写在原型中的属性or方法只有一份,为构造函数和其所创建的对象所共用(也就是说,不同对象对写在原型中的属性/方法进行调用后的结果是相同的),这样便起到了节省空间的目的,但同时独立性差;写在构造函数中的属性or方法在每次创建对象时都会拷贝一份(也就是说,不同对象对写在构造函数中的属性/方法进行调用后的结果是可以是不同的),这样便起到了独立性强的目的,但有时会浪费空间。

所以记住这么一句话:在创建构造函数时,把各自的放在构造函数中,把共用的放在原型中(应用:利用混合方式创建对象)。

注意:写在原型中的方法可以调用写在构造函数内的属性,写在构造函数中的方法可以调用写在原型内的属性。

参考博客:js创建对象-----原型

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值