ES6必知,速看!

那些程序员必须知道的ES6知识,快来看看你都会吗?

1 变量声明

let和const都是局部作用域

(1) let

let声明和var声明变量差不多,不同点在于:
1.在一对大{}里面起作用
2.不能重复声明
3.不会变量提升
4.变量提升:用var声明变量,变量的使用在变量声明前,默认值是undefined
这里就有一道很经典的题目,要求是:点击li,获取该li的下标。

  • 列表第1行
  • 列表第2行
  • 列表第3行
  • 列表第4行
  • 列表第5行

如果是你,你会怎么做呢?

(2) const

const和var声明变量也差不多,不同点在于:
1.通常用来声明常量的 建议大写
2.声明必须赋值
3.声明后不能修改(复杂数据可以修改 数组)

2 数组解构

1.交换变量
2.剩余值
3.跳过
4.默认值

3 对象解构

1.对象简写
2.对象解构
3.动态属性

4 字符串模板

字符串模板 能让再变量和字符串混合在一起书写
1.所用的模板 ``
2.遇到变量用 ${变量值}
3.repeat(n)重复几次n就是几

5 数组高阶方法

1.遍历数组 forEach
2.映射数组 map
通过现有的数据反射出来新的数据一一对应
3.过滤 filter
现有数组通过一定的规则过滤出新的数组
返回true 保留 false 不保留

6 箭头函数

箭头函数是函数的简写方式
1.基本写法
=> 前面是函数参数
=>后面是返回值也是执行语句
省略function 关键字 return 关键字

var fun = function(){
             return{name:"hjl",age:"22"}
         }
var fun2 = ()=>({name:"hjl",age:"22"})

2.多个参数 或者没有 都用括号包起来
3.执行语句有多个的时候 用{}包括起来
4.箭头函数this 指的是函数上一层的this

函数

1.默认参数
2.不定参 参数不确定

function add(...arg){
 ...
}

3.拓展参数 把数组展开当参数

 metting(...arr1)

4.最大值

max(...arg)

你可能感兴趣的:(ES6必知,速看!)