es6中class类的全方面理解

转自:https://www.jianshu.com/p/86267fab4878/ 作者:张培跃

prototype和__proto__属性每次看完又忘记,看到上述文章后,又想起来记下笔记
参考这篇文章:讲的很详细:https://blog.csdn.net/cc18868876837/article/details/81211729

class Box{
    constructor(num1,num2){
        this.num1 = num1;
        this.num2=num2;
    }
    sum(){
        return num1+num2;
    }
}
var box1=new Box(12,88);
var box2=new Box(40,60);
box1.__proto__.sub=function(){
    return this.num2-this.num1;
}
console.log(box1.sub());//76
console.log(box2.sub());//20
console.log(box1.prototype);//undefined
console.log(box1.__proto__);//{sub: ƒ, constructor: ƒ, sum: ƒ}
console.log(Box.prototype);//{sub: ƒ, constructor: ƒ, sum: ƒ}
console.log(typeof(box1));//"object"

由上述运行结果可以看出来:
__proto__是对象独有的
prototype属性是函数所独有的,但是由于JS中函数也是一种对象,所以函数也拥有__proto__和constructor属性

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值