Javascript——ES6( ECMAScript 6.0)语法

ES6( ECMAScript 6.0)语法

一、let/const与var的区别

var 会进行预解析，let/const不会
var可以声明两个重名的变量，let/const不能
var没有块级作用域，let/const有块级作用域

二、箭头函数

1.普通函数

//xxx.onclick=function(a=10,b=20){ } 可以为函数设置默认值，没传参数就用默认值    xxx.onclick=function(){ }  var xxx={fn:function(){} }  xxx.forEach(function(){})  setTimeout(function(){})  var xxx=function(){}  

2.箭头函数

格式：把普通函数的function去掉，再在小括号后面加上j箭头符号（=>）

xxx.onclick=()=>{ }  var xxx={fn:()=>{} }  xxx.forEach(()=>{})  setTimeout(()=>{})  var xxx=()=>{}  

三、结构赋值

1.以前数组

let arr=['hello','world']  let a=arr[0]  let b=arr[1]  

2.解构赋值

let [a,b]=['hello','world']  console.log(a)  console.log(b)  

四、解构赋值-解构对象（键值对）

1.以前获取对象

let obj={  name:"小明"  age:20  }    let name=obj.nam  let age=obj.nam  

2.解构赋值

let obj={  name:"小明"  age:20  }    //定义两个变量name和age，并获取obj里的name和age的值  let{name,age}=obj //如同 let name=obj.nam ,let age=obj.nam  console.log(name,age)    //定义一变量a（为name取个别名a）  let{name:a}=obj   

五、E6_模板字符串反引号使用

作用：

1. 给变量赋值时可以换行
2. 可以配合${ 变量 }来解析变量

.............
原文转载：http://www.shaoqun.com/a/1450755.html

深圳茶博会活动排期表2021：http://www.30bags.com/a/651281.html
深圳文博会9、10号馆介绍（展览内容）：http://www.30bags.com/a/697389.html
深圳罗密欧与朱丽叶中文版音乐剧观演须知：http://www.30bags.com/a/742401.html
heap：https://www.ikjzd.com/w/2012
f2c：https://m.ikjzd.com/w/1242
四方转运：https://m.ikjzd.com/w/1342
Rakuten跨境电商选品建议，日本乐天卖什么好：http://www.kjdsnews.com/a/761436.html
大熊数据分析｜用好这些A/B测试工具，优化独立站。：http://www.kjdsnews.com/a/761437.html
facebook投放回忆录：http://www.kjdsnews.com/a/761438.html