鍍金池/ 問答/HTML/ 關(guān)于延時執(zhí)行和變量提升

關(guān)于延時執(zhí)行和變量提升

問題:怎么理解setTimeout的延時執(zhí)行
描述:我想通過執(zhí)行改變函數(shù)原型的構(gòu)造屬性查看new方法的具體使用,但是在觸發(fā)changAs()之后,我發(fā)現(xiàn)位于changAs()語句之前的console.log(new As());觸發(fā)的顯示中構(gòu)造函數(shù)已經(jīng)被改變

clipboard.png

答案:

1. setTimeout無效的原因是因為語法錯誤
2. 控制臺打印錯誤的結(jié)果是因為在chrome的環(huán)境下,console.log()函數(shù)雖然不是異步函數(shù),但是會產(chǎn)生堵塞i/o,所以打印的結(jié)果和異步產(chǎn)生的結(jié)果是一樣的,要注意的是,這并不代表在chrome下console.log()是異步函數(shù),只是會產(chǎn)生這樣的結(jié)果,而且是可避免的

然后我打算利用setTimeout觸發(fā)延時執(zhí)行產(chǎn)生異步,但是無效

渴望的回答:

  1. setTimeout在這里為什么會無效
  2. 希望能解釋為什么會出現(xiàn)后觸發(fā)先執(zhí)行但結(jié)果依然被改變

十分感謝

代碼:

function As() {
    c = function(){
        console.log("搖曳露營no.1");
    };
    a = 1 ;
    a = 2;
    return this;
};
As.prototype.As = "小不點no.1";
As.prototype.c = function(){
    console.log("小南極no.1");
};
console.log(As);
console.log(typeof(As));
var s1 = As;
console.log(s1);        //僅僅是方法的字變量給賦值了
console.log(As());    //返回window對象,如果去掉return就會產(chǎn)生undefined,因為沒有返回值
console.log(As.prototype);
As().c();        //搖曳露營no.1        //既然沒有返回值,underined.c()肯定找不到
console.log(As().a);        //私有屬性 ,如果a定義在函數(shù)內(nèi)部,即私有屬性,window里是找不到的
console.log(new As());    //這里觸發(fā)
new As().c();    //小南極no.1
new new As().c();    //小南極no.1
console.log(new As().As);    //小不點no.1
function changeAs(){
console.log("改變");
As.prototype.constructor = function(){
    this.d = function(){
        console.log("京紫no.1");
    }
    return this;
}}
setTimeout(changeAs(), 2000);
console.log(new As());
回答
編輯回答
拼未來

先看setTimeout的函數(shù)簽名...

setTimeout({String|Function} code,{number} [delay]);

setTimeout 第一個參數(shù)是function

setTimeout(changeAs(), 2000);

樓主的代碼傳入的是changeAs的返回值... 這里應(yīng)該是 void

可以嘗試改成這樣

setTimeout(changeAs, 2000);

或者

setTimeout(function(){
  changeAs();
}, 2000);

問題2:

https://developer.mozilla.org...

返回創(chuàng)建實例對象的 Object 構(gòu)造函數(shù)的引用。注意,此屬性的值是對函數(shù)本身的引用,而不是一個包含函數(shù)名稱的字符串。對原始類型來說,如1,true和"test",該值只可讀。

constructor 在其他語言是構(gòu)造函數(shù),相當(dāng)于 new 的時候會觸發(fā)的一個hook, 但是在js中....并不會起到這種作用.. 應(yīng)該直接AS = function(){} 去改變構(gòu)造函數(shù)

建議樓主多補充點基礎(chǔ)知識

2017年1月22日 05:54
編輯回答
巴扎嘿
var obj={};
console.log(obj);
obj.test='test';

你運行上面的代碼看看結(jié)果

2018年7月11日 18:45