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)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,716评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,558评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,431评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,127评论 0 209
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,511评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,692评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,915评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,664评论 0 202
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,412评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,616评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,105评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,424评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,098评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,096评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,869评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,748评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,641评论 2 271

推荐阅读更多精彩内容

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