学习ES6知识点 -持续更新

ES6 知识点

变量声明

  1. let 关键字
    let关键字用 来声明变量,使let声明的变量有几个特点: 声明的变量有几个特点:

    1. 不允许重复声明
    2. 块儿级作用域
    3. 不存在变量提升
    4. 不影响作用域链
      应用 场景:以后声明变量使 let
  2. const关键字
    const 关键字用来声明常量, const声明有以下特点

    1. 声明必须赋初始值
    2. 标识符一般为大写
    3. 不允许重复声明
    4. 值不允许修改
    5. 块儿级作用域

注意 : 对象属性修改和数组元素变化不会出发 const 错误
应用 场景:声明对象类型使const,非对象类型声明选择 let

变量值的解构

数组

  const arr = ['张学友','刘德华','郭富城','黎明']
  let [zhang ,liu,guo,li] =arr

对象

//对象的简单解构

const lin = {
 name:'林志颖',
  tags:['车手','歌手','演员']
};
let {name,tags} = lin

    //对象的复杂结构
    //想使用 对象中对象的某个属性 比如下例中的 songs 中的红豆
    let wangfei = {
      name: '王菲',
      age: 18,
      songs: ['红豆', '流年', '传奇'],
      history: [
        { name: '窦唯' }, { name: "李亚鹏" }, { name: '谢霆锋' }
      ]
    }
    let { songs: [one, two, three], history: [first, second, third] } = wangfei
    console.log(one, three, second);//==》红豆 传奇 {name: '李亚鹏'}

模板字符串

// 使用 `` 可${} 添加变量,可随意换行

cosnt str = '123456'
cosnt strs = `这里是&{str}`
console.log(strs)//=》这里是123456
简化对象写法
 允许再大括号里面直接写入变量和函数,作为对象的属性和方法
let name = '尚硅谷';
    let slogon = '永远追求行业更高标准';
    let improve = function () {
      console.log('可以提高你的技能');
    }
    //属性和方法  原来的写法
    let atguigu = {
      name:name,
      slogon:slogon,
      improve:improve,
      change() {
        console.log('可以改变你')
      }
    };
//================================================
let name = '尚硅谷';
    let slogon = '永远追求行业更高标准';
    let improve = function () {
      console.log('可以提高你的技能');
    }
//属性和方法简写
let atguigu = {
    name,
    slogon,
    improve,
    change() {
      console.log('可以改变你')
    }
  };

箭头函数

()=>{}
箭头函数的注意点:

  1. 如果形参只有一个,则小括号可以省略 params=>{........}
  2. 函数体如果只有一条语句,则花括号可以省略,函数的返回值为该条语句的(p)=>{return p.nane} ==>p=>p.name
    执行结果
  3. 箭头函数this 指向声明时所在作用域下 this 的值
  4. 箭头函数不能作为构造函数实例化
  5. 不能使用arguments
    补充 arguments ====> 接受函数中所有的实参
上一篇:学习笔记 JavaScript ES6 数组的各种遍历


下一篇:《ES6标准入门》学习总结