下面的代碼輸出多少?修改代碼讓 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這個對象獲取用戶瀏覽器的相關信息