JavaScript ES6中的简写语法总结与使用技巧(16)

日期：2020-05-11 栏目：程序人生浏览：次

const frozen = Object.freeze(
 ['Ice', 'Icicle', 'Ice cube']
)
frozen.push('Water')
// Uncaught TypeError: Can't add property 3
// object is not extensible

下面我们详细讨论一下const和let的优点

const和let的优点

新功能并不应该因为是新功能而被使用，ES6语法被使用的前提是它可以显著的提升我们代码的可读写和可维护性。let声明在大多数情况下，可以替换var以避免预期之外的问题。使用let你可以把声明在块的顶部进行而非函数的顶部进行。

有时，我们希望有些变量的引用不可变，这时候使用const就能防止很多问题的发生。下述代码中在checklist函数外给items变量传递引用时就非常容易出错，它返回的todo API和items有了交互。当items变量被改为指向另外一个列表时，我们的代码就出问题了。todo API 用的还是items之前的值，items本身的指代则已经改变。

var items = ['a', 'b', 'c']
var todo = checklist(items)
todo.check()
console.log(items)
// <- ['b', 'c']
items = ['d', 'e']
todo.check()
console.log(items)
// <- ['d', 'e'], would be ['c'] if items had been constant
function checklist(items) {
 return {
  check: () => items.shift()
 }
}

这类问题很难debug，找到问题原因就会花费你很长一段时间。使用const运行时就会报错，可以帮助你可以避免这种问题。

如果我们默认只使用cosnt和let声明变量，所有的变量都会有一样的作用域规则，这让代码更易理解，由于const造成的影响最小，它还曾被提议作为默认的变量声明。

总的来说，const不允许重新指定值，使用的是块作用域，存在TDZ。let则允许重新指定值，其它方面和const类似，而var声明使用函数作用域，可以重新指定值，可以在未声明前调用，考虑到这些，推荐尽量不要使用var声明了

好了以上就是为大介绍的JavaScript ES6中的简写语法总结与使用技巧，ES6中有很多的新特性新语法，大家在使用过程中要多练习

转载注明出处：http://www.heiqu.com/265.html

JavaScript ES6中的简写语法总结与使用技巧(16)

相关推荐