美文网首页
class-基本语法(es6)

class-基本语法(es6)

作者: 飞奔的小白 | 来源:发表于2019-06-25 09:52 被阅读0次

js构造函数

function MathHandle(x,y){
  this.x = y;
  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
  }
}

var m = new MathHandle(1,2);
console.log(m.add())

语法糖

class MathHandle{
//  ...
}
typeof MathHandle //function
MathHandle === MathHandle.prototype.constructor //ture
m.__proto__ === MathHandle.prototype //ture

这种语法糖形式,看起来和实际原理不一样的东西,我个人不太赞同
形式上强行模仿 java C#,却失去了它的本性和个性

相关文章

  • class-基本语法(es6)

    js构造函数 Class 语法 语法糖 这种语法糖形式,看起来和实际原理不一样的东西,我个人不太赞同形式上强行模仿...

  • 简单总结ES6中的类定义语法和ES7的async/await

    学习ES6的类定义语法 基本知识点: ES6中定义类的方式, 就是ES5中定义类的语法糖,但虽然是语法糖,但是整体...

  • Vue 基础-02-重点

    Vue 基础-day02-重点 01-基础-系统指令-v-bind-绑定 class-对象语法 :class="{...

  • ES6 基本语法

    1. 变量 let 块级别变量,只能作用于所属块 { } var 全局变量,不建议使用 const 常量,初始化必...

  • es6基本语法

    定义变量 es6又新增了两种定义变量的方式分别是 let 和 const1.let 和 作用域的配合使用可以帮我们...

  • es6基本语法

    ES6是javascript的下一个版本,也叫做ECMAScript 2015,相对于es5,es6添加了许多新的...

  • ES6 基本语法

    一、 常量 二、 作用域 通过花括号限制作用域 箭头函数 => : 箭头函数等同于 ES3,ES5 的写法 ES6...

  • ES6基本语法

    ES6是什么? JavaScript的第六版,在ES5的基础上增加了许多特性:箭头函数、字符串插值、代理、生成器、...

  • 来,用ES6写个Promise吧

    本文采用es6语法实现Promise基本的功能, 适合有javascript和es6基础的读者,如果没有,请阅读 ...

  • class-继承(es6)

    继承-JS 继承-class class-总结 Class 在语法上更加贴合面向对象的写法Class 实现继承更加...

网友评论

      本文标题:class-基本语法(es6)

      本文链接:https://www.haomeiwen.com/subject/spmzqctx.html