JS小知识-作用域

136 阅读2分钟

js作用域是什么

作用域是可访问的变量的集合。在JavaScript中,作用域为可访问变量,对象,函数的集合,它分为局部作用域,全局作用域和块级作用域。

全局作用域

全局作用域是 JavaScript 程序的最高层次作用域,包含整个程序的变量和函数。在全局作用域中声明的变量和函数可以在程序的任何地方访问。

var a = '我是全局变量';
function one() {
    var b = '我是局部变量';  
}
one(); 
console.log(a ) //输出'我是全局变量'
console.log(b ) //b is not defined  局部变量处于局部作用域,函数以外访问不到他

局部作用域

和全局作用域相反,局部作用域一般只在固定的代码内可访问到,最常见的例如函数内部,所以也会有人把这种作用域称为函数作用域,如上列代码。

function one(){
    var b = '我是局部变量'
    console.log(b)//  输出我是局部变量
}
one()//执行这个函数
console.log(b)//b is not defind 局部变量处于局部作用域,函数以外访问不到他

块级作用域

ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6 的到来,为我们提供了‘块级作用域’,可通过新增命令 let 和 const 来体现。

块级作用域所声明的变量在指定块的作用域外无法被访问。块级作用域在如下情况被创建:
  1. 在一个函数内部
  2. 在一个代码块(由一对花括号包裹)内部

let 声明的语法与 var 的语法一致。你可以用 let 来代替 var 进行变量声明,但会将变量的作用域限制在当前代码块中。块级作用域有以下几个特点:

1.声明变量不会提升到代码块顶部

console.log(a)
var a=1;//输出 a = undefind


console.log(b)
let b=2;//Cannot access 'b' before initialization

这是因为 var 声明的变量存在声明提升

console.log(a)
var a = 2
var a
console.log(a)
a=2

这两处代码相同

2.禁止重复声明

如果一个标识符已经在代码块内部被定义,那么在此代码块内使用同一个标识符进行 let 声明就会导致抛出错误。例如:

let count=30
let count = 40 // Uncaught SyntaxError: Identifier 'count' has already been declared