ES6 let const关键字 模板字符串
2020-04-29 本文已影响0人
BlueSkyBlue
let
作用:与var类似,用于声明一个变量。
特点:
在块作用域内有效。
不能重复声明。
不会预处理,不存在提升,即存在暂时性死区。
应用:
循环遍历,监听。
使用let代替var是趋势。
let btns = document.getElementsByTagName('button')
for(let i=0;i<btns.length;i++){
var btn = btns[i]
btn.onclick = function () {
alert(i)
}
}
const
const也是用于修饰变量的。使用const修饰的变量不会被修改。代表常量。所以用const修饰的变量是只读变量。一旦声明必须初始化,否则报错。
const和let一样存在暂时性死去
var PI = "a";
if(true){
console.log(PI); // ReferenceError: PI is not defined
const PI = "3.1415926";
}
在代码块前提前声明PI会报错。
模板字符串
简化字符串的拼接
模板字符串必须使用``包装。
变化的部分使用${variable}定义。
示例:
let person = {username: 'YFX', age: 25}
let str = `My name is ${person.username} and age is ${person.age}.`
console.log(str)