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