从 var 到 let/const
以前的代码申明使用 var,这些变量都是函数级作用域的,它们的作用域是包含它们的最内层的函数。var 的行为偶尔会使人混淆,这里有一个例子:
let 和 const 更为严格,会抛出更多异常(比如,在变量作用域内访问还没有申明的变量)。块级作用域有助于保持代码片段的作用更局限
也就是说,你不能盲目地将即存代码中的 var 替换为 let 或 const。在重构的时候必须非常小心
首选 const。所有不会改变值的变量都可以使用它。
其它的使用 let,用于值会被改变的变量。
避免使用 var。
String 插值
以前的写法 中你想把在字符串中引用一些值,你需要将那些值和一些零碎的字符串连接起来:
ES6 中你可以在模板字面量中使用字符串插值:
从函数表达式到箭头函数
当前以前的 代码中,在使用了函数表达式的时候,你必须小心处理 this。我会在下面的示例中创建一个 _this(A 行) 作为辅助变量,这样在 B 行才可能访问到指向 UiComponent 对象的 this。
而在 ES6 中,使用箭头函数将不用担心 this(A 行) 有问题:
template string 模板字符串
解决了 以前的代码在字符串功能上的痛点。
第一个用途:字符串拼接。将表达式嵌入字符串中进行拼接,用 和${}来界定。
ES6时在这个字符串模板里面可以实现各种换行,只用在内部写就行了,不用添加换行符
代码如下:
另外ES6还推出了新的一套函数,箭头函数,极简了函数的写法,这个箭头函数有以下几个特点
不需要 function 关键字来创建函数
省略 return 关键字
继承当前上下文的 this 关键字
ES6 let和const等基本知识的理解
最新推荐文章于 2020-12-16 14:11:50 发布