class 和普通构造函数有何区别?

12 篇文章 0 订阅

Js 构造函数:

 function MathHandle(x, y) { 
            this.x = x 
            this.y = y } 
            MathHandle.prototype.add = function () {
                 return this.x + this.y
             }
        var m = new MathHandle(1, 2) 
        console.log(m.add())

class 基本语法:

class MathHandle { 
            constructor(x, y) { 
                this.x = x 
                this.y = y 
            }
             add() { return this.x + this.y } } 
             const m = new MathHandle(1, 2) 
             console.log(m.add())

语法糖:
在上述两段代码中分别加入如下代码,运行 console.log(typeof MathHandle) // ‘function’ console.log(MathHandle.prototype.constructor === MathHandle) //true console.log(m.proto === MathHandle.prototype) //true 运行结果一致。我认为,class 是构造函数的语法糖

综上所述:

class 在语法上更加贴合面向对象的写法
class 实现继承更加易读、易理解

更易于写 java 等后端语言的使用
本质还是语法糖,使用 prototype

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值