javascript ES6新增特性

声明变量

var 变量名 = 变量值; // 声明变量，函数作用域

let 变量名 = 变量值; // 声明变量，块级作用域 （ps. 作用域内不能重复定义、能修改

const 变量名 = 变量值; // 声音常量，块级作用域（ps. 作用域内不能重复定义、不能修改

解构赋值

let [变量名=默认值, 变量名=默认值, 变量名=默认值]= [‘神龙教主’, 18]

let {uname:变量名,…,sex:变量名,键:变量名=默认值} = {uname:‘webopenfather’, age: 18}

模板字符串

语法说明**

反引号 英文状态 1 左边的键 或者 esc下面的键

遇到变量 ${变量名}

`内容… ${变量名} 内容… `

函数的扩展

this数据场景

1、this数据场景!!!

A普通函数调用 this => window对象 function 函数名() { this }

B对象函数调用 this => 对象自身 var obj = {say: function() { this }}

C事件处理函数调用 this => this事件源 标签对象.事件类型 = function(){ this }

D定时器调用 this => window对象（新

E箭头函数中调用 this => 父function中的this 没有父就是window对象（新

箭头函数

【ES5】function 函数名(形参,…,形参n) {}
↓ 去掉 function 函数名 接着 在() 后面加 =>
【ES6】(形参,…,形参n) => {}

function 函数名(形参) {
var 变量名 = 形参 || 默认值
}

数组的扩展

成员查找find()、findIndex()

数组.find(实战)

let 变量名 = 数组.find(function(item) { // item就是数组中的值，会挨个赋值给item
return 判断条件 // 条件成立 就会终止遍历 将当前item赋值给变量
})

let 变量名 = 数组.find((item) => { // item就是数组中的值，会挨个赋值给item
return 判断条件 // 条件成立 就会终止遍历 将当前item赋值给变量
})

let 变量名 = 数组.findIndex((item) => {
return 条件
})

新Symbol数据类型

数据结构（Set 、Map）

■语法说明

增：m.set（键，值）

获取/删除/检测：m.get/delete/has（键）

清除：m.clear()

获取所有键：m.keys()

获取所有值：m.values()

循环

forof （既可以遍历字符串、数组等 还可以遍历新的数据结构 主要用来就是遍历心的数据结构