SS的作用，一目了然~

@路人甲：再加點js，不可描述

@路人乙：妖艷的見多了，都喜歡天然的了

@路人丙：我全都要.jpg

@路人?。?/strong>左邊好看

@我：我就喜歡看你們昧著良心說話，左邊的女生給你們，右邊的女生誰也別跟我搶！

同志，快醒醒，產品經理叫你改功能了

@路人甲：我，我，我不行了，這.....這是我最后一個bug

@路人乙：啊啊啊啊??！別攔我我要自殺

@路人丙：快 快 快拿我的刀給我 我要kan屎他

@路人丁：一句mmp送個他們

@我：給我滾，打車滾?。?/p>

想要學習PHP的可以私信帳號“學習交流”加群一起討論，領取學習視頻資料。

面是2個作用域的題目，可以試著先做一遍，然后想想背后的原因。

function foo(b) {

var a=b;

return {

a: a,

change: function(b) {

console.log(a, b, this.a);

a=a + b + this.a;

},

output: function() {

console.log(a, this.a, b);

}

}

}

var x=foo(1);

console.log('change before:')

console.log(x.a); // 1;

x.output(); // 1, 1, 1

x.a=3;

x.change(2); // 1, 2, 3

console.log('after change:');

console.log(x.a); // 3

x.output(); // 6, 3, 1

原因分析

var x=foo(1); // 執行后，x函數里面返回的對象，里面的屬性和值都在執行過程中確定了，作用域范圍在代碼定義的位置。

console.log('change before:')

console.log(x.a); // 1;

// x.a=1。因為foo()函數里面返回對象中屬性a被賦值為變量a,

// 而變量a在foo(1)執行時被賦值為b也就是1

x.output();

// a=1, this.a=1, b=1

// a, output函數沒有變量a，通過作用域鏈向上查找, 父函數foo中有變量a

// this.a, 函數執行上下文的this指向函數的調用方也就是x對象,x被賦值為1

// b, output也是通過作用域鏈向上查找到foo里的變量b,是foo里面的形參變量

x.a=3;

// 修改x.a為3，此時影響的只是x對象中的a屬性，并不影響foo函數作用域下a變量

x.change(2);

// a=1, b=2, this.a=3

// a, 仍然是foo第一次被調用時的值，沒有被修改，仍然是1

// b，這個b是change函數的形參變量，不是外部的b, b被賦值為2

// this.a，此時this.a也就是x.a，已經被修改為3

// 執行這句后，foo作用域下的a變量被賦值為a+b+this.a=1+2+3=6

console.log('after change:');

console.log(x.a); // 3

// x.a沒有受到影響，依然是3

x.output();

// a=6, this.a=3, b=1

// a在執行change(2)時已經被改成6了

// this.a就是x.a，因此是3

// b從output沿作用域開始查找，值仍是1，b沒有被改過