关于ecmascript:let-与块级作用域

55次阅读

共计 1293 个字符,预计需要花费 4 分钟才能阅读完成。

  • 块内变量内部无法访问

    if(true){let foo = "mcgee0731"}
    console.log(foo); //foo is not defined
    ...
    for(let i=0;i< 3;i++>){}
    console.log(i) //i is not defined
  • var 对循环的影响

    for(var i=0;i< 3;i++){for(var i=0;i< 3;i++){console.log(i);
    }
    }
    // 内层循环完后 `i = 3` 到外层循环时, 无奈再进入。打印 0,1,2 三次而不是九次 
    // 循环内处理事件时,事件内拜访计数器
    var events = [{},{},{}]
    for(var i=0;i< events.length;i++){events[i].onclick = function(){console.log(i)
    }
    }
    events[0].onclick() // 无论哪一项输入都是 3 
  • 通过 IIFE 模式处理事件计数器绑定

    // 应用闭包解决变量
    var events = [{},{},{}]
    for(var i=0;i< events.length;i++){events[i].onclick = (function(i){return function(){console.log(i)
      }
    })(i)
    }
    events[0].onclick()  //0
  • 应用 let 解决 for 循环的问题

    for(let i=0;i< 3;i++){for(let i=0;i< 3;i++){console.log(i);
    }
    }
    ...
    var events = [{},{},{}]
    for(let i=0;i< events.length;i++){events[i].onclick = function(){console.log(i)
    }
    }
    events[0].onclick() //0
  • for 循环内有两层作用域,咱们对上面的办法进行拆解
for(let i =0;i < 3;i++){
  let i = "foo"
  console.log(i);
}

拆解成...

let i =0; // 这是 for 循环的作用域 
if(i<3){let i = "foo" // 这个 n 是块内的 n,}
i++

会执行三次 
  • 不存在变量晋升

    console.log(bar); // 报错 ReferenceError
    let bar = 2;
  • 做一个小案例

每次都是在新词法作用域创立个 str=””+ 每次的 i

for(var i=0;i<1000;i++)
{
  let str = ""
  str+=i
}
  • 为什么须要块级作用域

    • 变量晋升导致报错
    • 外部变量泄露
    • 匿名立刻执行函数表达式(IIFE)不再必要了
  • 函数在块级作用域内

    • 容许在块级作用域内申明函数。
    • 函数申明相似于 var,即会晋升到全局作用域或函数作用域的头部。
    • 同时,函数申明还会晋升到所在的块级作用域的头部。

const

  • 只读的常量。一旦申明,常量的值就不能扭转

    const PI = 3.1415;
    PI = 3;
  • const 申明不赋值报错

    const obj 
  • const 对于对象,绑定对象的地址值并且无奈改变,地址值内的属性成员能够改。
  • ES2015 申明的 6 种办法,var function let const import class
  • 主用 const,须要改变的用 let,不必 var

正文完
 0