码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 原型es6写法

时间:2018-06-13 21:03:12      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:lang   需要   prototype   ons   cto   类的方法   opera   ati   函数   

class Point{

 constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  toString() {
    return ‘(‘ + this.x + ‘, ‘ + this.y + ‘)‘;
  }

}

定义“类”的方法的时候,前面不需要加上function这个关键字,直接把函数定义放进去了就可以了。另外,方法之间不需要逗号分隔,加了会报错,类的方法都是写入在phototype中的,
class Bar {
  doStuff() {
    console.log(‘stuff‘);
  }
}

var b = new Bar();
b.doStuff() // "stuff" 调用类的方法,也是直接对类使用new命令,跟构造函数的用法完全一致。




class Point {
  constructor() {
    // ...
  }

  toString() {
    // ...
  }

  toValue() {
    // ...
  }
}

// 等同于

Point.prototype = {
  constructor() {},
  toString() {},
  toValue() {},
};
 

Object.assign方法可以很方便地一次向类添加多个方法。

class Point {
  constructor(){
    // ...
  }
}

Object.assign(Point.prototype, {
  toString(){},
  toValue(){}
});
 

JavaScript 原型es6写法

标签:lang   需要   prototype   ons   cto   类的方法   opera   ati   函数   

原文地址:https://www.cnblogs.com/sunzhnan/p/9179494.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!