JavaScript作用域

1.在JavaScript中定义变量有两种方式

    ES6之前: var 变量名称;
    ES6开始: let 变量名称;

2.两种定义变量方式的区别

2.1是否能够定义同名变量

    1.通过var定义变量,可以重复定义同名的变量,并且后定义的会覆盖先定义的

	var num = 123;
    var num = 456;
    console.log(num);

    2.2如果通过let定义变量,  "相同作用域内"不可以重复定义同名的变量

 	let num = 123;
    let num = 456; // 报错

2.2是否能够先使用后定义

   //通过var定义变量, 可以先使用后定义(预解析)
	console.log(num);
    var num = 123;
   //通过let定义变量, 不可以先使用再定义(不会预解析)
	console.log(num); // 报错
    let num = 123;

2.3是否能被{}限制作用域

  //无论是var还是let定义在{}外面都是全局变量
    var num = 123;
    let num = 123;

  // 将var定义的变量放到一个单独的{}里面, 还是一个全局变量
    {
        var num = 123;
    }
    console.log(num);  //不会报错

  //将let定义的变量放到一个单独的{}里面, 是一个局部变量
    {
        let num = 123;
    }
    console.log(num);  //会报错

总结

1.在JavaScript中{}外面的作用域, 我们称之为全局作用域
2.在JavaScript中函数后面{}中的的作用域, 我们称之为"局部作用域"
3.在ES6中只要{}没有和函数结合在一起, 那么应该"块级作用域"
4.块级作用域和局部作用域区别

4.1在块级作用域中通过var定义的变量是全局变量
4.2在局部作用域中通过var定义的变量是局部变量

5.无论是在块级作用域还是在局部作用域, 省略变量前面的let或者var就会变成一个全局变量

示例

  	{
        // 块级作用域
    }
    if(false){
        // 块级作用域
    }
    while (false){
        // 块级作用域
    }
    for(;;){
        // 块级作用域
    }
    do{
        // 块级作用域
    }while (false);
    
    switch () {
        // 块级作用域
    }
    function say() {
        // 局部作用域
    }
    
    {
        // 块级作用域
        var num = 123; // 全局变量
    }

    function test() {
        var value = 666; // 局部变量
    }
    let obj = {
		name: 'bill'//全局变量
	}

    {
        // var num = 678; // 全局变量
        // let num = 678; // 局部变量
        num = 678; // 全局变量
    }