美文网首页
ES6的那些事

ES6的那些事

作者: Srtian | 来源:发表于2017-10-07 17:44 被阅读34次

块级作用域

ES6中一个很重要的新特性就是块级作用域,关于块级作用域的最主要的用法便是下文的let和const,除此之外还有函数声明在块级作用域内的声明也需要特别注意,因为为原先的ES5中,规定不能在块级作用域内进行函数声明,只能在全局作用域与函数作用域内声明,但又由于要兼容以往的ES3等,所以在出现上述的情况下,浏览器不会报错。

但在ES6中,函数声明是可以在块级作用域中进行声明的,且需要注意以下三点:

  1. 函数声明在块级作用域下进行提升至全局作用域或函数作用域头部。
  2. 函数声明会被提前到块级作用域头部。
  3. 函数声明只在有大括号的块级作用域才能使用,不然会报错。

let和const

在ES6中,对于变量的声明作出了很大的改变。那就是在原有的变量声明var之后又提出了let声明和const声明。而这let与var主要有以下区别:

  1. 增加了块级作用域,块级作用域以外不能访问let声明的变量。
  2. 不允许重复声明变量。(会报错)
  3. 有暂时性死区。(在暂时性死区内使用变量会报错)
  4. 由于有暂存死区,所以不允许变量提升。(本来是有提升的,但由于有暂存死区所以也就不能提升了)
  5. 循环中,每次迭代循环都会创建一个新的变量,并以之前迭代中同名变量的值将其初始化

而const则是声明一个常量,一旦声明所绑定的值便不能改变,其他的特性大致和let相同。

但值得注意的是,const绑定的对象目标不能改变,但对象内部的值是可以改变的,因为本质上从const保证的不是保证值不改变,而是保证变量指向的内存地址不改变,对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。

还有就是在循环中,虽然ES6没有指明不能使用const,但它在不同循环中会产生不同的行为:
1.在普通的for循环中,虽然可以在初始化的时候使用const,但这样会产生值的变换,因此会抛出错误。
2.而在for-in和for-of循环内就可以使用,因为每次迭代不会修改已有的绑定,而是会创建一个新的绑定。

还有一个要注意的是,在ES6中,建议使用const,只有在确定需要改变变量的值的时候才使用let。因为就算在全局变量中使用let或const也不能覆盖全局变量,只能遮蔽它。这样便可以将全局变量与顶层变量开始分离开来。

函数默认值

在ES6中还搞出来了函数默认值出来。在以往的编程中,我们一般都是通过模拟默认参数的方法来保证有参数的传入,但在ES6中,我们可以直接通过设置默认参数就能达到同样的目的.具体语法如下:

function app(x,y = 'javscript') {
  console.log(x,y);
}
app('hello'); //hello javascript

而这种语法有以下两种好处:
1.有利于代码的可读性,其他人在阅读代码的时候就可以明确的知道哪些参数是可以省略的。
2.有利于将来的代码优化。即使未来的版本在对外接口中,彻底拿掉这个参数,也不会导致以前的代码无法运行。
但使用这种语法的时候也有以下需要注意的地方:
1.默认参数不能重复定义。
2.默认参数不能再函数内部再使用let和const定义了。
3.默认参数会影响arguement的使用。
//待续

相关文章

  • ES6的那些事

    块级作用域 ES6中一个很重要的新特性就是块级作用域,关于块级作用域的最主要的用法便是下文的let和const,除...

  • es6 中的那些事

    class中的静态属性,静态方法只供类访问

  • Node及后端

    找回 Node.js 里面那些遗失的 ES6 特性 | Taobao FED | 淘宝前端团队 由于 Babel,...

  • 流沐自制服装工作室:因为一部电影而辞职走上创业之路的巨蟹女孩的故

    那些念念不忘的事,那些耿耿于怀的事 那些甘之如饴的事,那些刻骨铭心的事 那些你的事,我的事,那些渺小而伟大的...

  • 那些事,那些事(35)

    星期三下课后,同桌艳丽问贾月:“这星期你还回家吗?”“不回家了,回家一趟挺麻烦,这星期在学校。”贾月回答。艳丽又说...

  • 那些事,那些事(32)

    晚上贾月和王静在大娘家东屋住。贾月给王静讲起家里的事。贾月家很穷,贾月大伯家很富,十里八村有名的富裕。对于大伯贾月...

  • 那些宅的事,那些错的事

    一. 郑未明低着头,他正试图不用手把脚蹭进鞋里,耳边是母亲絮絮叨叨的话语,“未明!和你说了去辅导班要早点,你怎么现...

  • ES6那些事儿

  • 那些小事

    那些无聊的事 那些小小的事 那些奇怪的事 那些每天的事 都因为你,变得有趣。 特别特别有趣

  • 那些年的那些事

    年近了,思绪却远了. 想起自己和女儿一般年纪的时候急盼过年,那是90年我正10岁,物质相对贫乏,过年最大的欢喜就是...

网友评论

      本文标题:ES6的那些事

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