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 的變量是全局變量)。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容