码迷,mamicode.com
首页 > 其他好文 > 详细

ES6----class用法

时间:2017-09-17 22:19:07      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:经典   对象   实例   div   共享   功能   oval   ova   存在   

http://es6.ruanyifeng.com/#docs/class         阮一峰老师的ES6入门

一:知识点:

1.基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到。

2.ES6 的类,完全可以看作构造函数的另一种写法。

3,.类的方法都定义在prototype对象上面,所以类的新方法可以添加在prototype对象上面。

  向类中添加方法

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

4.类中的方法不可枚举。

二:class经典实例

class Person {
constructor(name,age){
    this.name=name;
    this.age=age;
}
sayname(){
    console.log(this.name);
}
}

var person1=new Person("li",23);
person1.sayname();
console.log(person1.hasOwnProperty(‘name‘)); //true
console.log(person1.hasOwnProperty(‘sayname‘));  // false
console.log(person1.__proto__.hasOwnProperty(‘sayname‘));// true

var person2=new Person("han",27);
console.log(person1.__proto__ === person2.__proto__ );//true

类的所有实例共享一个原型对象。

class不存在变量提升。

三:class---private

1.私有方法

ES6不支持,变通实现

方法一:在函数前加_,表示该方法私有

方法二:将私有方法移出类中。

方法三:使用symbol----利用Symbol值的唯一性

2.私有属性

ES6不支持,变通实现

方法:属性前加#

四:补充知识点

this指向当前对象,一般在构造函数中使用。

与 ES5 一样,在“类”的内部可以使用getset关键字,对某个属性设置存值函数和取值函数,拦截该属性的存取行为。

基本内容就这些了 = =;

 

ES6----class用法

标签:经典   对象   实例   div   共享   功能   oval   ova   存在   

原文地址:http://www.cnblogs.com/lilight/p/7528306.html

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