在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/C++  網(wǎng)絡(luò)安全  HTML/ 關(guān)于prototype寫插件

關(guān)于prototype寫插件

想用原生js寫插件，js文件名為a.js

//a.js
(function(document, window){
    var a = function(name){
        ...
        var say = function(){
            alert(1);
        }
        return {
            say1: say
        }
    }
    a.prototype.say2 = function(){
        alert(1);
    }
    //暴露出來
    window.a = a;
})(document , window)

主文件引入a.js后

 <script>
     var aa = new a(name);
     aa.say1()  //這種沒問題
     aa.say2()  //利用prototype擴(kuò)展的函數(shù)為什么會(huì)報(bào)錯(cuò)呢
</script>
回答
編輯回答
凝雅

MDN的new運(yùn)算解釋

如果構(gòu)造函數(shù)返回了一個(gè)“對(duì)象”，那么這個(gè)對(duì)象會(huì)取代整個(gè)new出來的結(jié)果。

var aa = new a(name);
也就是說 aa 就是{say1:say}這個(gè)對(duì)象了，他是不具有say2的！

2017年3月18日 05:22
編輯回答
陌離殤

當(dāng)一個(gè)函數(shù)作為構(gòu)造函數(shù)使用時(shí)，如果函數(shù)沒有明確的返回值，那么在調(diào)用的時(shí)候會(huì)生成一個(gè)this，并把這個(gè)this返回，這個(gè)返回值也就是我們所說的實(shí)例。但是當(dāng)你在構(gòu)造函數(shù)中明確返回一個(gè)對(duì)象的時(shí)候，這個(gè)對(duì)象就會(huì)被返回，而不是那個(gè)this，所以在你的例子中你明確返回了一個(gè)對(duì)象，所以當(dāng)你調(diào)用new a(name)的時(shí)候，返回值就是

{
    say1: say
}

這個(gè)對(duì)象就是一個(gè)普通的對(duì)象，不是a的實(shí)例，所以沒有a原型上面的方法，

a instanceof aa // false

clipboard.png

你可以直接把say1放在this上，代碼如下：

(function(document, window){
    var a = function(name){
        ...
        var say = function(){
            alert(1);
        }
        this.say1 = say
    }
    a.prototype.say2 = function(){
        alert(1);
    }
    //暴露出來
    window.a = a;
})(document , window)

clipboard.png

2017年5月11日 14:35