js函數呼叫常用方法詳解_基礎知識

來源 javascript語言精粹。這不是書上的原始碼。
js的函數呼叫會免費奉送兩個而外的參數就是 this 和 arguments 。 arguments是參數組，他並不是一個真實的數組，但是可以使用.length方法來獲得長度。
書上有說4中呼叫方式：
方法呼叫模式
函數呼叫模式
建構器呼叫模式
apply呼叫模式

下面我們來看看一些實例更好理解。
1：方法呼叫模式
請注意this此時指向myobject。

複製程式碼 程式碼如下:

/*方法呼叫模式*/


/*方法呼叫模式*/
var myobject ={
value:0,
inc:function(){
alert(this.value)
}

}
myobject.inc()
myobject.inc()

2：函數呼叫模式 請注意this此時指向window。

複製程式碼


程式碼如下:


/*函數呼叫模式*/
var add> alert(this)//this被綁頂到window
return a b; } var sum=add(3,4);
alert (sum)

3：建構器呼叫模式 javascript語言精粹一書建議摒棄這中方式。因為有更好的方式。這裡先不介紹。下次發表博文的時候貼出來。 會在這裡加一個連接。

複製程式碼


程式碼如下:


/*構造器呼叫模式var quo=function(string){
this.status=string;
}
quo.prototype.get_status=function(){

return this.status;
} var qq=new quo("aaa"); alert(qq.get_status());

4：apply呼叫模式 ==我們可以來看一個更有用的apply實例。看最下面的程式碼。

複製程式碼


程式碼如下:


/*apply*/
//注意使用了上面的sum函數
//與myobject
//這中呼叫方式的優點在於可以指向this指向的物件。

//apply的第一個參數就是this指標要指向的物件
var arr=[10,20];
var sum=add.apply(myobject,arr);

alert( sum); 看這個apply真正應用。 bind這是一個綁定時間的函數。

複製程式碼


程式碼如下:


var bind=function(object,
if(object.attachEvent){//IE瀏覽器
object.attachEvent("on" type,(function(){
return function(event){
window.event.cancelBubble= true;//停止時間冒泡
object.attachEvent=[fn.apply(object)];//----這裡我要講的是這裡
//在IE裡用attachEvent增加一個時間綁定以後。
//這裡可以看出我們是把apply的第一個物件也就是this的指向變更給了object所以this.id就變成了
//object.id 可以正常運作了。 >}
})(object),false);
}else if(object.addEventListener){//其他瀏覽器
object.addEventListener(type,function(event){
event. stopPropagation();//停止時間冒泡
fn.apply(this)
});
}
}

bind(document.getElementById("aaa"),"click" ,function(){alert(this.id)});