一、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>

  }

}

总结:字符串模板"``做字符串连接的时候不需要用++连接可以直接用${}就好了"