進階任務-11

下面的代碼輸出多少?修改代碼讓 fnArr[i]() 輸出 i. 兩種以上的方法

var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  function(){
            return i;
        };
    }
    console.log( fnArr[3]() );  

方法一:
var fnArr = [];
        for (var i = 0; i < 10; i ++) {
            fnArr[i] = (function(i){ //立即執(zhí)行函數(shù)
                return function () {
                    console.log(i)
                }//要返回一個匿名函數(shù)才行,不能直接返回i
            })(i)
        }
    console.log( fnArr[3]());  

方法二:
 var fnArr = [];
 for (var i = 0; i < 10; i ++) {        
//立即執(zhí)行函數(shù)前面可以帶任何符號,最好不要帶括號
       !function (i) {          
        fnArr[i] =  function(){
            return i;
        }
       }(i)
    }
 console.log( fnArr[3]()); 

注:es6中的let是非常方便的只需要把聲明i的var改成let就可以很厲

封裝一個汽車對象,可以通過如下方式獲取汽車狀態(tài)

var Car = (function(){
   var speed = 0;
   function setSpeed(ss){
       speed = ss
   }
function getSpeed(){
    return speed
}
function accelerate(){
    speed+=10
}
function decelerate(){
    speed-=10
}
function getStatus(){
    if (speed>0) {
        return "正跑呢";
    }else{
        return "停下了"
    }
}
   return {
    setSpeed: setSpeed,
    getSpeed:getSpeed,
    accelerate:accelerate,
    decelerate:decelerate,
    getStatus:getStatus
   }
})()
Car.setSpeed(30);
Car.getSpeed(); //30
Car.accelerate();
Car.getSpeed(); //40;
Car.decelerate();
Car.decelerate();
Car.getSpeed(); //20
Car.getStatus(); // '正跑呢';
Car.decelerate(); 
Car.decelerate();
Car.getStatus();  //'停下了';

下面這段代碼輸出結果是? 為什么?

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);

結果:1,3,2
說明:首先看到定時器的代碼,雖然延時參數(shù)寫了個0但是依然是最后輸出,所以2應該是三次輸出中的最后一次輸出值.
接著看全局中的變量a,該提升的提升可得第一次輸出的結果應該是1.第二次a值變成了3,所以在輸出的時候a變成了3,至此,結束。

下面這段代碼輸出結果是? 為什么?

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);

結果:不輸出任何結果
說明:首先看到了定時器,那么毫無疑問,最后執(zhí)行。接著看到flag為「真」,那么繼續(xù)讀碼(自動跳過定時器),看到了while循環(huán),接下來的結局就是無限循環(huán),沒有結束的限制條件,。。。所以就沒有console什么事情了。。。所以什么也輸出不出來了。。

下面這段代碼輸出?如何輸出delayer: 0, delayer:1...(使用閉包來實現(xiàn))

改造前
for(var i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i);
}
改造后
for(var i=0;i<5;i++){
    setTimeout(
        !function(i){    
         console.log('delayer:' + i );
    }(i), 0);
    console.log(i);
}

如何獲取元素的真實寬高

var w = wrap.clientWidth;
var h = wrap.clientHeight;

URL 如何編碼解碼?為什么要編碼?


var myURL = 'https://www.yezhu.com/#a=lllll';

//如果我們想讓一個URL并且可以用來訪問,就要用到encodeURI();
var simpleURL = encodeURI(myURL); 

//如果我們想編碼一個URL并且可以將其放置在某URL的參數(shù)中,使用encodeURIComponent();
var completeURL = encodeURIComponent(myURL);
//這就算放進去了。。
var newURL = 'https://www.kuanglv.com/?back=' + completeURL; 

//將會打開一個窗口
window.open(simpleURL);

補全如下函數(shù),判斷用戶的瀏覽器類型

function isAndroid(){
    return /Android/.test(navigator.userAgent);
}
funcnction isIphone(){
    return /iPhone/.test(navigator.userAgent);
}
function isIpad(){
    return /iPad/.test(navigator.userAgent);
}
function isIOS(){
    return /(iPad)|(iPhone)/i.test(navigator.userAgent);
}

注:主要通過navigator這個對象獲取用戶瀏覽器的相關信息

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容