ES6语法学习...

一、作用域(const var let)

核心：尽量减少使用var，常量使用const，块级作用域使用let 5个按钮，实现点击第i个按钮，显示i按钮被点击。

 var btn = document.getElementsByTagName("button");
  //ES5使用闭包解决var作用域问题
  for (var i = 0; i < btn.length; i++) {
    (function(name){
      btn[i].addEventListener("click",function(){
      console.log("这是第" + (name+1) + "个按钮")});     
    })(i);    
  }
  //ES6使用块级作用域解决作用域问题
  for (let i = 0; i < btn.length; i++) {    
      btn[i].addEventListener("click",function(){
      console.log("ES6这是第" + (i+1) + "个按钮")});     
    }  

 二、ES6语法- ``(tab键上键)

"" ''表示字符串，ES6中``也可表示字符串，且可以实现换行功能，如：

let n = 'a'

+'b';

输出ab

let m = `ab

`;

输出ab
三、语法规范

#语句结尾

ES6语法结尾是不加符号的

如var name = "a"

#“{$name}”,`{$name}`,'{$name}'

let name ="李白";

“{$name}”/`{$name}`  输出李白

'{$name}' 输出字符串{$name}

四、箭头函数

1、基本使用

var obj = () =>{}

相当于var obj = function(){}

2、多参数函数

var obj =(a,b) =>{

　　return a*b　　

}

3、只有一个参数 一行代码时还可简写省略小括号

obj = n => (n*n)

4、箭头函数中的this指向，向上寻找最近的this