題解JavaScript(持續(xù)更新)

DC_er 發(fā)布于2019-08-21 10:40 / 3251人閱讀

摘要：多個(gè)等號連續(xù)賦值第一次理解的時(shí)候，以為是連續(xù)賦值的問題。則是直接聲明為了全局變量。這是因?yàn)槟J(rèn)附加到了全局對象上。以上是常見的題目來考察的細(xì)節(jié)問題，我會不定期的收集，來進(jìn)行更新，歡迎互相指教

1. 多個(gè)等號連續(xù)賦值

(function(){
    var x=y=1;
})();
console.log(typeof x);
console.log(typeof y);

第一次理解的時(shí)候，以為是連續(xù)賦值的問題。但是實(shí)際上這不是重點(diǎn)，重點(diǎn)在于函數(shù)中x,y都存在，但是在輸出的時(shí)候，x是函數(shù)內(nèi)變量，在函數(shù)外無法讀取。y則是直接聲明為了全局變量。故。第一個(gè)輸出為undefine。第二個(gè)輸出為number。
要理解這段代碼可以試著敲入

(function(){
    y=1;
})();
console.log(typeof y);

會發(fā)現(xiàn)，并沒有給y使用聲明變量的var，但是這段代碼可以運(yùn)行，輸出為number。這是因?yàn)閥默認(rèn)附加到了全局對象上。多個(gè)等號連續(xù)賦值的時(shí)候，var聲明的效果僅局限于最開始的那一個(gè)變量。

2. prototype相關(guān)、原型鏈

var fn=function(){}
fn.prototype={
  value:1,
  getValue:function(){
    return this.value;
  },
  setValue:function(v){
    this.value=v;
  }
};
var a=new fn();
var b=new fn();
a.setValue(2);
console.log(b.getValue());
delete a.value;
console.log(a.getValue());

這段代碼的輸出是1，1。我來根據(jù)步驟，解釋下原因。

1.程序聲明了變量a,b和函數(shù)fn。a,b此時(shí)為undefined，fn為一段函數(shù)代碼。
2.為fn的prototype屬性賦值一個(gè)對象object。其中包含了value,getValue,setValue.
3.a被賦值，a的__proto__指向的是fn的prototype，a并沒有value屬性
4.b被賦值，b的__proto__指向的是fn的prototype，b并沒有value屬性
5.a.setValue(2)為a增加了一個(gè)value屬性，該值為2.
6.b.getValue()時(shí)，由于b并沒有value屬性，于是順著__proto__向上查找，找到的value為1。
7.同第6步，刪除了a中的value屬性時(shí)，也是順著__proto__向上查找，找到的value為1。

以上是常見的題目來考察JS的細(xì)節(jié)問題，我會不定期的收集，來進(jìn)行更新，歡迎互相指教