美文网首页
ES6 let const关键字 模板字符串

ES6 let const关键字 模板字符串

作者: BlueSkyBlue | 来源:发表于2020-04-29 17:50 被阅读0次

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)

相关文章

网友评论

      本文标题:ES6 let const关键字 模板字符串

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