Javascript 中连等号的使用

是该叫连等号吗?还是叫一次初始化多个值,哎,先将就了。

场景一

有时可能会有这样的需求,a、b两个变量初始化的值都相同,你可能会这样写
[codesyntax lang="javascript"]

var a = b = 1;
console.log('a='+a);
console.log('b='+b);

[/codesyntax]

执行结果

1

上面的变量a、b都是全局变量

咋一看 非常好用, 和预期的没有出入

场景二

如果把赋值语句放到函数里面呢?


function runMe(){
var c = d = e = f = a =2;
console.log('在函数里面的c=' + c);
console.log('在函数里面的d=' + d);
}
runMe();

console.log(typeof(c));
console.log(typeof(a), a);
console.log(typeof(d), d === window.d, '在函数外面的d=' + d, e, f );

执行结果

2

这下不得了了!! 为何除c外的所有变量都能在函数外面使用,而且直接升级为了全局变量。

再修改代码调试之

function runMe(){
var c = d = e = f = a =2;
console.log('在函数里面的c=' + c);
console.log('在函数里面的d=' + d);
}

var c = 123,
a = 321;
console.log('这里是函数执行前的c', typeof(c), c);
console.log('这里是函数执行前的a', typeof(a), a);

runMe();

console.log('这里是函数执行后的c', typeof(c), c);
console.log('这里是函数执行后的a', typeof(a), a);
console.log(typeof(d), d === window.d, '在函数外面的d=' + d, e, f );

执行结果

3

于是我恍然大悟

在使用 = 进行赋值操作时,如果是在全局作用域下,当然不用说所有的变量都为全局的;
但是如果是在函数里面赋值,在var后面的第一个变量会是局部变量, = 后面的所有其它变量都升级为了全局变量;
这是一个小坑,使用时需多多注意,避免修改了全局变量的值。

如果你非要这样赋值,但是又不想变为全局变量你可以这样。


function runMe(){
var c,
d,
e,
f,
a;
c = d = e = f = a =2;
console.log('在函数里面的c=' + c);
console.log('在函数里面的d=' + d);
}

var c = 123,
a = 321;
console.log('这里是函数执行前的c', typeof(c), c);
console.log('这里是函数执行前的a', typeof(a), a);

runMe();

console.log('这里是函数执行后的c', typeof(c), c);
console.log('这里是函数执行后的a', typeof(a), a);
console.log(typeof(d));

执行结果

4

当你这样赋值的时候,解析器会在当前作用域下找是否声明该变量,没找到就会向上一层作用域发起进攻,到顶层都没找到就哭着鼻子叫window收留了(在函数里面不加var 的变量是全局变量)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容