1.全局变量和window属性
var abc = 1234;
abcd = 2345;
上面这两行代码,其中第一行定义的是全局变量、第二行是挂载在window上的一个属性。window上的属性可以使用delete删除而全局变量不能使用delete删除。
在函数内部不定义变量直接使用的话,该变量也是挂载在window上的一个属性。可以全局访问。
function test() {
ab = 45;
}
test()
console.log(ab) //45
2.作用域
常见的作用域主要分为几个类型:全局作用域、函数作用域、块级作用域、动态作用域。
对象 | 类型 |
---|---|
global/window | 全局作用域 |
function | 函数作用域(局部作用域) |
{} | 块级作用域 |
this | 动态作用域 |
如果一个变量或者其他表达式不再“当前的作用域”,那么Javascript机制会继续沿着作用域链上查找直到全局作用域(global或浏览器中的window)如果找不到将不可被使用。作用域也可以根据代码层次分层、以便子作用域可以访问父作用域。
3.let和const
let
- let声明的变量拥有块级作用域
{
let a = 1;
console.log(a)
}
console.log(a) //undefined
- let声明的全局变量不是全局对象的属性
var a = 1;
console.log(window.a) //1
let a = 1;
console.log(window.a) //undefined
- 用let重定义变量会抛出一个语法错误
let a = 1;
let a = 2; // Identifier 'a' has already been declared
- let声明的变量不会进行变量提升
function test(){
console.log(a)
let a = 1;
}
test() //Uncaught ReferenceError: Cannot access 'a' before initialization
在这个代码中,a的调用是在声明之前,因为let没有发生变量提升,所以读取a的时候并没有找到,而在调用之后找到let对a的定义,根据tc39的定义会报错。
const
- const除了具有let的块级作用域和不会变量提升外,还有就是它定义的是常量,再用const定义变量之后,就不能修改了,对变量的修改会抛出异常。
const PI = 3.14;
console.log(PI)
PI = 3.15;
console.log(PI) //Uncaught TypeError: Assignment to constant variable.
- const在定义的时候必须初始化
const PI
PI = 3.14 //Uncaught SyntaxError: Identifier 'PI' has already been declared