美文网首页
ES6 class 类 使用小记

ES6 class 类 使用小记

作者: 前端熊 | 来源:发表于2019-01-30 15:01 被阅读6次

本小记是由阅读阮一峰老师的ECMAScript 6 入门时的笔记

1.constructor

constructor方法
  • constructor方法,建议添加使用可以保护this的指向

2.Object.assign

Object.assign方法
  • Object.assign 可以动态给类添加多个方法

3.get和set

get和set关键字
  • getset 关键字 可以很灵活的使用
  • 参考jQuery 的编程思想
  $("#id").val('直接赋值');
  $("#id").val(); ///获得元素的值

4.this

this指向说明
  • 建议使用构造方法constructor保护this不被破坏

5.私有方法属性解决方案

通过#关键字
  • 私有属性也可以设置 getter 和 setter 方法。
  • 私有属性和私有方法前面,也可以加上static关键字,表示这是一个静态的私有属性或私有方法。

6.extends继承

extends关键字
  • extends关键字是用于继承
  • 必须先调用super方法

相关文章

  • ES6 class 类 使用小记

    本小记是由阅读阮一峰老师的ECMAScript 6 入门时的笔记 1.constructor constructo...

  • ES6 class与继承

    class是什么 class是定义类的方法。ES6之前用构造函数的方式定义类,ES6引入了class。 class...

  • 深入理解JS面向对象 - JavaScript实现继承的五种方式

    一、类与实例 1. 类的声明 传统function类的声明 ES6中的class声明 1.1 ES6 class与...

  • 面向对象

    javascript在ES6之前是没有办法定义一个类的,使用构造函数模拟类的概念 ,class ES6已经有类 ...

  • ES6中类与类的继承

    ES6以前,javascript中类的继承可以使用function和原型prototype来模拟类class来实现...

  • JavaScript装饰器的使用

    JavaScript装饰器的使用 随着ES6的广泛使用,class 类的概念在javascript中出现,而在某些...

  • 2JavaScript设计模式--class/extends

    ES6语法 类 class ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板...

  • react组件

    es6 的class类的继承 运用es6 class继承 通过继承React.Component类来定义一个组件

  • wepy脚手架工具

    学习目标 使用wepy框架开发小程序 = 了解ES6中的class类 . 轮播图组件的使用 使用flex布局...

  • 第三十二节: ES6 Class类

    1. ES6 Class 类 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板...

网友评论

      本文标题:ES6 class 类 使用小记

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