ES6 let和const等基本知识的理解

从 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 关键字

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值