变量作用域和解构赋值

Myth丶恋晨 2021-07-27 00:56 375阅读 0赞

## 变量作用域 ##

如果一个变量在函数体内部申明，则该变量的为整个函数体，在函数体外不能引用该变量  
如果两个不相同的函数各自申明了同一个变量，那么该变量纸在各自的函数体内起作用，简单来说就是不同函数内部的同名变量互相独立，互不影响。  
由于js的函数可以嵌套，此时，内部函数可以访问外部函数定义的变量，反过来则不行。

变量提升：js的函数有个特点，会把申明的变量提升到函数顶部，然后剩下的代码解释一行执行一行。所以用一个var申明函数内部用到的所有变量才是最好的。

全局作用域：不在任何函数内定义的变量就具有全局作用域。

名字空间：全局变量会绑定到window上，不同的JavaScript文件如果使用了相同的全局变量，或者定义了相同名字的顶层函数，都会造成命名冲突，并且很难被发现。  
减少冲突的一个方法是把自己的所有变量和函数全部绑定到一个全局变量中。例如：

// 唯一的全局变量MYAPP:
    var MYAPP = { };
    
    // 其他变量:
    MYAPP.name = 'myapp';
    MYAPP.version = 1.0;
    
    // 其他函数:
    MYAPP.foo = function () { 
        return 'foo';
    };

局部作用域：由于JavaScript的变量作用域实际上是函数内部，我们在for循环等语句块中是无法定义具有局部作用域的变量的：

function foo() { 
        for (var i=0; i<100; i++) { 
            //
        }
        i += 100; // 仍然可以引用变量i
    }

为了解决块级作用域，ES6引入了新的关键字let，用let替代var可以申明一个块级作用域的变量：

function foo() { 
        var sum = 0;
        for (let i=0; i<100; i++) { 
            sum += i;
        }
        // SyntaxError:
        i += 1;
    }

常量：由于var和let申明的是变量，如果要申明一个常量，在ES6之前是不行的，我们通常用全部大写的变量来表示“这是一个常量，不要修改它的值”：

var PI = 3.14;

ES6标准引入了新的关键字const来定义常量，const与let都具有块级作用域：

const PI = 3.14;
    PI = 3; // 某些浏览器不报错，但是无效果！
    PI; // 3.14

## 解构赋值 ##

是es6中新增的，  
传统的做法，如何把一个数组的元素分别赋值给几个变量：

var array = ['hello', 'JavaScript', 'ES6'];
    var x = array[0];
    var y = array[1];
    var z = array[2];

用解构赋值就简单很多：

var [x, y, z] = ['hello', 'JavaScript', 'ES6'];
    console.log('x = ' + x + ', y = ' + y + ', z = ' + z);

运行结果：x = hello, y = JavaScript, z = ES6  
如果不想用这么麻烦的console.log可以写成console.log(x+y+z)  
运行结果：helloJavaScriptES6，中间没有空格，俺也不知道咋办，你们知道的话一定评论告诉我啊。

从一个对象中取出若干属性，也可以使用解构赋值，便于快速获取对象的指定属性：

var person = { 
        name: '小明',
        age: 20,
        gender: 'male',
        passport: 'G-12345678',
        school: 'No.4 middle school'
    };
    var { name, age, passport} = person;
    // name, age, passport分别被赋值为对应属性:
    console.log('name = ' + name + ', age = ' + age + ', passport = ' + passport);

结果：name = 小明, age = 20, passport = G-12345678  
这篇文章是我在廖雪峰老师的官网上学习的，根据他那个写的。(https://www.liaoxuefeng.com/wiki/1022910821149312/1023021187855808\#0)