一、let
1、没有预解析,不存在变量提升
2、不能重复定义变量
let a = 5;
let a= 12;
输出:会提示不能重复定义
3、for循环,for循环里面是父级作用域,里面又一个
for(let a = 0;a<5;i++){
let a= 'abc';
console.log( a);
}
输出:abc
abc
abc
4、块级作用域
{
let a= 12;
{
let a =5;
console.log( a);
}
console.log( a);
}
输出:5 12
const:特性和let一样,只是const定义的变量是不能修改的,const定义的变量必须有值,不能后赋值。
二、结构赋值
let[a,b,c] = [12,3,5];
注意:左右两边,结构和格式要保持一致 let[a,b,c] = [12,[3,5]];是不可以的
三、字符串模板
let data = [
{title:'111111',read:1},
{title:'222222',read:111},
{title:'33333',read:444},
]
window.onload = function(){
let ul = document.querySelector("#ul");
for(let i=0;i<data.length;i++){
var oli = document.createElement('li');
oli.innerHTML = `<span>${data[i].title}</span>
<span>阅读人数${data[i].read}</span>
}
}
总结:字符串模板"``做字符串连接的时候不需要用++连接可以直接用${}就好了"