javascript的方法

時間：2024-08-09 22:15:52 JavaScript 我要投稿

javascript的方法

　　在javascript中，方法可以通過以下幾種方式執(zhí)行：

　　1.func()，這是最直接最常見的調(diào)用方式，也符合一般人的思維邏輯，但是在某些情況下有一些不足，下面會解釋。

　　2.(function(arg){})(window)，匿名方法調(diào)用，在構(gòu)造命名空間時比較有用，后面的括號中的參數(shù)與匿名方法中的入?yún)⒁灰粚?/p>

　　3.func.bind(sth)()，mozilla手冊中提到bind是在ECMA-262 5th Edition中新增的一個特性，這里單獨列出來作為一種調(diào)用方式是因為它彌補了直接調(diào)用中不能綁定作用域的缺陷。

　　4.func.call()，這是第二種調(diào)用方式，每個方法的原型中都定義了call方法，用來執(zhí)行當前方法。

　　5.func.apply()，call的雙胞胎兄弟。

　　func()

　　這是最常見的調(diào)用方式，在任何語言中隨處可見。func(x, y)可以傳入不同的參數(shù)。在某些語言，例如php，java中，這種調(diào)用足以解決一切問題。但是javascript是一門函數(shù)式語言，閉包的概念和一個奇怪的關鍵詞this決定了這種調(diào)用方式的不足。this應該可以解釋為當前代碼段的作用域，會隨著代碼執(zhí)行到不同的片段而改變，但是某些情況下我們不希望這個this被改變，例如綁定在某些dom上的事件，我們肯定不希望他們被調(diào)用的時候this被轉(zhuǎn)移到了window對象上，但有時候確實如此，再比如下面的代碼。

　　復制代碼代碼如下:

　　var a ={};

　　var func = function(x) {

　　console.log(this);

　　};

　　a.onclick = function() {

　　var x = 100;

　　func(x);

　　};

　　a.onclick();

　　可以把a想象成頁面中的一個鏈接，由于我們只是想將定義好的方法綁定到onclick事件上，而不是立刻調(diào)用它，而且這個方法擁有一個參數(shù)，所以我們需要用一個匿名方法將他包起來傳遞給a的onclick事件。這樣就有了一個問題，func中的this變成了全局對象window，顯然我們并不希望如此。這個時候，使用func()這種直接調(diào)用的方式就不行了，于是我們需要將func外的this綁定到func方法上。于是就有了bind,call,apply方法。

　　bind

　　bind的目的非常簡單，返回一個綁定了this對象的相同方法。上面的代碼修改一行就可以實現(xiàn)綁定this在a對象上目的。

　　復制代碼代碼如下:

　　var a ={};

　　var func = function(x) {

　　console.log(this);

　　};

　　a.onclick = function() {

　　var x = 100;

　　func.bind(this)(x); // bind here

　　};

　　a.onclick();

　　這樣，onclick事件的this就不會像無頭蒼蠅一樣到處亂跑啦。

　　call & apply

　　call和apply要放在一起講，因為他們實在太像了。他們都支持多參數(shù)，而且第一個參數(shù)都是即將綁定的this對象，第二個參數(shù)則是他們的區(qū)別所在，call使用獨立的參數(shù)作為調(diào)用方法的入?yún)�，apply使用一個數(shù)組作為入?yún)�。有的時候我們并不是不想改變this對象，而是想人為的將他綁定到別的對象上，這個時候call和apply是很好用的。（并不是說不能用bind，不過貌似bind出現(xiàn)的比較晚，可能瀏覽器兼容性不好）。舉個栗子：

　　復制代碼代碼如下:

　　a = {

　　func: function() {

　　this.x += 1;

　　x: 0

　　};

　　b = {

　　a: a,

　　x: 20

　　};

　　for(var i = 0; i < 10; i++){

　　b.a.func();