前端学习笔记

day 27
ES6+

1.let 声明变量用来声明变量。

1)它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效

2. 存在块级作用域{}不存在声明提升(注意考虑暂时性死区)

3)不允许重复声明（包括普通变量和函数参数）

let b = 20;

2.const的使用用来声明常量，不要试图改变常量的值，其他语法参照let

const a = 1;

3.模板字符串

允许嵌入表达式，并通过`${expression}语法来嵌入变量或计算结果。模板字符串由反引号（```或）界定

 let productDatas = [
        { id: 10001, title: "一加手机", price: 2559, imgsrc: "img/1.jpg" },
        { id: 10002, title: "一加手机", price: 2229, imgsrc: "img/2.jpg" },
        { id: 10003, title: "小米手机", price: 1999, imgsrc: "img/3.png" },
      ];
productDatas.forEach(function (p) {
        html += `
        <li>
        <img src="${p.imgsrc}" />
        <p>${p.title}</p>
        <p>${p.price}</p>
        <input type="button" value="加入购物车" />
      </li>
        `;
      });

      oUl.innerHTML = html;

4.箭头函数

1）如果函数体只有一条语句，你可以省略大括号和 return 关键字：

let fn4 = () => 10; 

2）函数有多行

let fn6 = () => {
        var x = 1;
        var y = 2;
        //alert(x+y);
        return x + y;
      };