带你正确了解ES6

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了带你正确了解ES6相关的知识,希望对你有一定的参考价值。

ES6全名是ECMAScript 6,是javascript语言的下一代标准。

Babel,可以将ES6代码转为ES5代码,是一个环境执行

ES6最常用的特性:let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments

let, const类似于var,是ES6的新的声明方式。

原型、构造函数,继承看起来更清晰。

 1 class Animal {
 2     constructor(){
 3         this.type = ‘animal‘
 4     }
 5     says(say){
 6         console.log(this.type + ‘ says ‘ + say)
 7     }
 8 }
 9 
10 let animal = new Animal()
11 animal.says(‘hello‘) //animal says hello
12 
13 class Cat extends Animal {
14     constructor(){
15         super()
16         this.type = ‘cat‘
17     }
18 }
19 
20 let cat = new Cat()
21 cat.says(‘hello‘) //cat says hello

 

以上是关于带你正确了解ES6的主要内容,如果未能解决你的问题,请参考以下文章

重读es6, 正确了解promise中catch的用法

一篇文章带你了解JavaScript中的面向 “对象”

带你轻松解密白盒测试(Demo详解)

一篇文章带你了解JavaScript中的基础算法之“字符串类”

带你快速入门ES6中的Promise对象

将初始数据提供给片段的正确方法?