es6 的常用语法和优越性

科学在发展,技术在进步。ES6的发展是必然的。下面提到的语法可能也就是es6新特性的10%-20%,但是开发上占了80%左右的。废话不多说。

        1.let const

const:在ES6中,一般用于声明常量,声明后不可更改

let:不可以重复声明,不会提前声明,会形成块级作用域{}

let和var区别在于,let有块级作用域的的区分概念。

如下实例




第二个实例中。let在花括号中形成了作用域,而用var声明的话,相当于声明了一个全局变量。

        2.arrow function


图片中第一个sum函数是ES6的写法,第二个sum函数是换成ES5的写法。

箭头函数可以继承上下文的this

需要注意的是,在ES5中,函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。

在ES6中,this指向的固定化,并不是因为箭头函数内部有绑定this的机制,实际原因是箭头函数根本没有自己的this,导致内部的this就是外层代码块的this。正是因为它没有this,所以也就不能用作构造函数。

同时,ES6不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用Rest参数代替。

        3.template string(模板字符串)


在ES6中,我们可以使用新的语法$ {NAME},并把它放在反引号里。

在多行字符串的拼接中,使用反引号即可完成拼接。

        3.Default Parameters(默认参数)


在ES5中,我们设置默认参数需要用上叙link1方法。同时,传参的时候需要注意!不能传0。因为0是false。传进去不能达到你预期的效果。在ES6中的默认参数,可以直接写在传参里面。是不是觉得省事很多。同时,传0的缺陷也得到了解决

        4.destructuring(解构赋值)


ES6中的解构赋值,也使用得很广泛。

ES6结构赋值也可以反过来,如上叙的图片最后一行。

当然,这只是冰山一角,ES6还提供了很多新功能。有兴趣的可以详细了解

1、Class (类)构造函数

2、 Modules (模块)

3、 Promises(处理异步)

4、全新的Math, Number, String, Array 和 Object 方法

5、二进制和八进制数据类型

6、默认参数不定参数扩展运算符

7、Symbols符号

8、tail调用

9、Generators (生成器)

10、New data structures like Map and Set(新的数据构造对像MAP和set)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,546评论 0 1
  • 一、ES6简介 ​ 历时将近6年的时间来制定的新 ECMAScript 标准 ECMAScript 6(亦称 ...
    一岁一枯荣_阅读 6,130评论 8 25
  • 以下内容是我在学习和研究ES6时,对ES6的特性、重点和注意事项的提取、精练和总结,可以做为ES6特性的字典;在本...
    科研者阅读 3,178评论 2 9
  • 第一章 块级作用域绑定 let 和 const 都是不存在提升,声明的都是块级标识符都禁止重声明 每个const声...
    NowhereToRun阅读 1,613评论 0 2
  • 天空中的云朵 构成了一座城 不金碧辉煌 却美轮美奂 城中的人儿 会七十二变 汪汪叫的小狗 脱缰的野马 温顺的绵羊 ...
    元初冲冲冲阅读 169评论 0 2