JS的作用域浅谈

时间：2023-12-19 17:20:50

作为前端小白，总是对JS的作用域有点迷糊，这里稍微研究了一下分享出来，希望和我一样的小白可以学的一点

首先是一个经典的例子：

var a=0,b=0;

for (var i = 0; i < 10; i++) {

	a = 2

	if (true) {

	b = 3;

}}

console.log(a,b);     //2 3

　这里肯定输出2,3    但是我们加上var后结果依然会这样：

var a=0,b=0;

for (var i = 0; i < 10; i++) {

    var a = 2

    if (true) {

    var b = 3;

}}

console.log(a,b,i);    //输出 2 3 10

　　这里就很尴尬了，很多初学者都会犯这种毛病，以为在里面加上var就是局部变量，其实在 for 和 if 中可以不用var关键字，因为ECMAScript不存在块级作用域，因此循环内部的变量可以在外边访问到。

　　值得一提的是ES6添加了let这一特性，使得它定义的变量被限定在了特定范围内才能使用，而离开这个范围则无效。

　　如下：

 var a=0,b=0,i=0;

 for (let i = 0; i < 10; i++) {

     let a = 2

     if (true) {

     let b = 3;

 }}

 console.log(a,b,i);    //0 0 0

　　现在我们再来看函数以及参数的作用域：

 var a=0,b=1;

 function x(a,b){

         arguments[0]=100;

         window.b=222;

         b=333;

         c=99;

         console.log(a,b,c);    //100 333 99

 }

 x(a,b);

 console.log(a,b,c);        //0 222 99

　　ECMAScript中所有参数都是按值传递的，也就是说把函数外部的值赋给内部的参数，而且参数只能按值传递，你可以把函数的参数想象成局部变量。

　　我们将a,b两个变量传递给函数的参数，然后在第3行改变第一个参数的值，在第4行使用window改变全局变量b的值，显然函数内部参数的改变无法影响到全局变量。

但是在第6行我们赋值时没有使用关键字var，于是函数调用完后，这个变量c 被添加到了全局环境下。

　　在编写JS代码中，不声明直接初始化变量很不好，这样有可能导致意外，所以建议在初始化前一定要先声明。

相关文章