JS 重寫alert,使之能輸出多個參數


windows._alert = windows.alert;

windows.alert = function(){

  _alert = (Array.prototype.slice(arguments).join(""));
};

alert(,,,,,,,,,,);

 

我們知道,Array.prototype.slice.call(arguments)能將具有length屬性的對象轉成數組,除了IE下的節點集合(因為ie下的dom對象是以com對象的形式實現的,js對象與com對象不能進行轉換)
如:
1 var a={length:2,0:'first',1:'second'}; 2 Array.prototype.slice.call(a);// ["first", "second"] 3 4 var a={length:2}; 5 Array.prototype.slice.call(a);// [undefined, undefined]

可能剛開始學習js的童鞋並不是很能理解這句為什么能實現這樣的功能。比如我就是一個,所以,來探究一下。

首先,slice有兩個用法,一個是String.slice,一個是Array.slice,第一個返回的是字符串,第二個返回的是數組,這里我們看第2個。

Array.prototype.slice.call(arguments)能夠將arguments轉成數組,那么就是arguments.toArray().slice();到這里,是不是就可以說Array.prototype.slice.call(arguments)的過程就是先將傳入進來的第一個參數轉為數組,再調用slice?
 
再看call的用法,如下例子
1 var a = function(){ 2 console.log(this); // 'littledu' 3 console.log(typeof this); // Object 4 console.log(this instanceof String); // true 5 } 6 a.call('littledu');
可以看出,call了后,就把當前函數推入所傳參數的作用域中去了,不知道這樣說對不對,但反正this就指向了所傳進去的對象就肯定的了。
到這里,基本就差不多了,我們可以大膽猜一下slice的內部實現,如下
1 Array.prototype.slice = function(start,end){ 2 var result = new Array(); 3 start = start || 0; 4 end = end || this.length; //this指向調用的對象,當用了call后,能夠改變this的指向,也就是指向傳進來的對象,這是關鍵 5 for(var i = start; i < end; i++){ 6 result.push(this[i]); 7  } 8 return result; 9 }

大概就是這樣吧,理解就行,不深究。

 

最后,附個轉成數組的通用函數

 1 var toArray = function(s){  2 try{  3 return Array.prototype.slice.call(s);  4 } catch(e){  5 var arr = [];  6 for(var i = 0,len = s.length; i < len; i++){  7  //arr.push(s[i]);
arr[i] = s[i]; //據說這樣比push快 8 } 9 return arr; 10 } 11 }

寫字前面

 
        

在js中我們經常會看到Array.prototype.slice.call(arguments,0)的寫法,當然,這個方法的作用也許大家都明白,那就是把類數組對象轉換成一個真正的數組。關於這個方法,我說說自己的理解。

 
        

這里涉及到slice()方法和call()方法,所以先簡單說說這兩個方法。

 
        

slice()方法

 
        

數組和字符串都有這個slice方法,這個方法的作用是截取一段數據。它接收兩個參數,第一個參數是要截取的位置索引,第二參數可選,表示要截取到的結束位置,但是不包括結束位置。在數組中,該方法的返回值是包含截取元素的組成的數組,在字符串中,該方法的返回值是包含截取字符串組成的字符串。

 
        

該方法也可以傳入負數值,當參數為負數的時候,將參數和數組或字符串的長度相加得到的正數作為實際的參數。

 
        

如下:

 
        
[1,2,3,4,5,6].slice(2,4); [1,2,3,4,5,6].slice(-4,-2);
 
        

返回值均為[3,4],為數組。

 
        
'everything'.slice(2,4); 'everything'.slice(-4,-2);
 
        

返回值分別為'er'和'hi',為字符串。

 
        

如果之傳入一個參數的話,那就是輸出從開始位置到結束位置的所有元素。不再舉例。

 
        

字符串的其他類似方法

 
        

在字符串中,和slice()方法類型的還有兩個方法:

 
        

substring()和substr()方法。

 
        

其中,substring()方法表示返回從開始位置到結束位置的字符串,substr()接收兩個參數,第一個參數表示開始位置,第二個參數表示要截取的字符個數,和前兩個方法略有不同。

 
        

當傳入方法的參數為負數時,這三種方法又略有不同。

 
        

當傳入方法的參數為負數時:

 
        

slice()像上面說的,是負數加上字符串的長度得出相應的正值;

 
        

substring()方法的參數均置為零;

 
        

substr()方法的第一個參數為負值加上字符串長度得到的正值,第二個參數置為零。

 
        

call()和apply()方法

 
        

call()和apply()方法主要是用來擴充函數的作用域。

 
        

call()和apply()方法接收兩個參數:

 
        

apply():第一個參數是作用域,第二個是參數數組,其中第二個參數可以是數組實例,也可以是arguments對象。

 
        

call()方法也接收兩個參數,僅僅在於和apply()的傳參方式不同:傳遞函數的參數必須逐個寫入。

 
        

鑒於這里不是重點,在這里就不再贅述。

 
        

Array.prototype.slice.call(arguments,0)

 
        

Array.prototype.slice.call(arguments,0)中,Array.prototype.slice調用的是Array的原型方法,對於正真的數組是有slice()方法,但是對於像arguments或者自己定義的一些類數組對象雖然存在length等若干屬性,但是並沒有slice()方法,所以對於這種類數組對象就得使用原型方法來使用slice()方法,即Array.prototype.slice(如果在自定義中的類數組對象中自定義了slice()方法,那么自然可以直接調用)。

 
        

所以,Array.prototype.slice.call(arguments,0)的意思就可以這樣理解:對於arguments類數組,我們調用Array.prototype.slice原型方法,並用call()方法,將作用域限定在arguments中,這里Array.prototype就可以理解為arguments,同參數0為slice()方法的第一個參數,即開始位置索引。通過這種方法就將arguments類數組轉換成了真數組。

 
        

當然,把arguments轉換為數組也可以用遍歷,那樣代碼自然就會多一些,而且不夠直接。

 
        

小結

 
        

以上只是一家之言,歡迎交流探討。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM