ES6扩展方法(一)

一、声明变量:let
特点:
1、在同一个作用域下不能重复定义
在这里插入图片描述
在这里插入图片描述
2、在块级作用域下有效
3、不会预处理,不存在变量提升
使用var会有预解析
  使用var会有预解析
使用let不会有预解析ES6扩展方法(一)_第1张图片
二、声明常量:const
特点:不能修改,其他特点与let相同ES6扩展方法(一)_第2张图片
三、变量的解构赋值
从对象或者数组中提取数据,并赋值给多个变量
1、对象的解构赋值ES6扩展方法(一)_第3张图片
2、数组的解构赋值
在这里插入图片描述
四、模板字符串
作用: 简化字符串的拼接
用法:1、模板字符串必须用包含,(esc键下面的那个键)
2、变化的部分用 ${***}定义
原来的方写法拼接字符串ES6扩展方法(一)_第4张图片
在这里插入图片描述
使用模板字符串
ES6扩展方法(一)_第5张图片
在这里插入图片描述
五、简化的对象写法
ES6扩展方法(一)_第6张图片
在这里插入图片描述
六、箭头函数
作用:用来定义匿名函数
特点:

  • 1、简洁
  • 2、箭头函数没有自己的this,箭头函数的this不是调用的时候决定的,而是调用的时候处在的对象就是它的this;
  • 3、理解:箭头函数的this看外层是否有函数,如果有(不包括箭头函数),外层函数的this就是内部箭头函数的this,如果没有则this就是window

在这里插入图片描述
箭头左边是形参,形参的情况
ES6扩展方法(一)_第7张图片
箭头右边是函数体,函数体的情况
ES6扩展方法(一)_第8张图片

你可能感兴趣的:(es6,javascript)