溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么調(diào)用javascript的方法

發(fā)布時間:2021-04-19 16:09:32 來源:億速云 閱讀:159 作者:小新 欄目:web開發(fā)

這篇文章給大家分享的是有關(guān)怎么調(diào)用javascript的方法的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

調(diào)用javascript的方法:1、方法調(diào)用模式,this此時指向myobject;2、函數(shù)調(diào)用模式,this此時指向window;3、構(gòu)造器調(diào)用模式;4、apply調(diào)用模式。

本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版,DELL G3電腦。

調(diào)用javascript的方法:

1:方法調(diào)用模式

請注意this此時指向myobject。

/*方法調(diào)用模式*/
    var myobject={
            value:0,
            inc:function(){
                    alert(this.value)
                }
        }
    myobject.inc()

2:函數(shù)調(diào)用模式

請注意this此時指向window

/*函數(shù)調(diào)用模式*/
    
    var add=function(a,b){
        alert(this)//this被綁頂?shù)絯indow
            return a+b;
        }
    var sum=add(3,4);
    alert(sum)

3:構(gòu)造器調(diào)用模式

javascript語言精粹一書建議摒棄這中方式。因為有更好的方式。這里先不介紹。下次發(fā)表博文的時候貼出來。

會在這里加一個連接。

/*構(gòu)造器調(diào)用模式  摒棄*/
    
    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調(diào)用模式

==我們可以來看一個更有用的apply實例??醋钕旅娴拇a。

/*apply*/
    //注意使用了上面的sum函數(shù)
    //與myobject
    //這中調(diào)用方式的優(yōu)點(diǎn)在于可以指向this指向的對象。
    //apply的第一個參數(shù)就是this指針要指向的對象
    var arr=[10,20];
    var sum=add.apply(myobject,arr);
    alert(sum);

看這個apply真正應(yīng)用。bind這是一個綁定時間的函數(shù)

var bind=function(object,type,fn){
            if(object.attachEvent){//IE瀏覽器
                    object.attachEvent("on"+type,(function(){
                                                           return function(event){
                                                               window.event.cancelBubble=true;//停止時間冒泡
                                                               object.attachEvent=[fn.apply(object)];//----這里我要講的是這里
                                                               //在IE里用attachEvent添加一個時間綁定以后。
                                                               //this的指向不是到object對象本身所以。我們綁定的function里的this.id是無法正常工作的。
                                                               //但是如果我們用fn.apply(object)
                                                               //這里可以看出我們是把a(bǔ)pply的第一個對象也就是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)});

感謝各位的閱讀!關(guān)于“怎么調(diào)用javascript的方法”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI