為什么使用this.__proto__[key]=obj[key]會多出一段下面的輸出

因為你為this.__proto__添加了myFunction和showScreen兩個key啊...在遍歷的時候就會輸出兩個吶...

那我改出來一個大致能滿足你的需求的版本，你可以瞧一眼...

<script>
        
function a() {
    console.log("I'am a function.");
}
//b是實例化對象，a是構造函數(shù)
var b = new a();
//console.log(b.__proto__)

var $ = function() {
    extend = function(obj)
    {
        console.log(obj)
        console.log('擴展')
        for(var key in obj)
        {
            console.log('key');
            console.log(key);
            
            console.log('obj');
            console.log(obj);
        
            // this.__proto__[key]=obj[key];
        }
    }  
    return { extend : extend };  
}();  

$.extend({
    myFunction:function(obj)
    {
        console.log('我函數(shù)')  
    }
})

console.log('第二次')

$.extend({
    showScreen:function(obj)
    {
        console.log('展示的大屏幕')  
    }
})


// $.showScreen;

// $.myFunction;

</script>

給你個例子

var a = {};
var b = {};
a.__proto__.show = function(){
    console.log("show")
}
b.show();//show
for(var key in b){
    console.log(key)//show
}

改良后

var $ = {
    a: "aaaa",
    extend: function (obj) {
        console.log('擴展:', obj)
        for (var key in obj) {
            console.log('key:', key);
            console.log('value:', obj[key]);

            this[key] = obj[key];
        }
    }
}

$.extend({
    myFunction: function () {
        console.log('我函數(shù)',"a:", this.a);
        return this;
    }
})
console.log('第二次')
$.extend({
    showScreen: function () {
        console.log('展示的大屏幕')
        this.myFunction();
        return this;
    }
})

$.showScreen().myFunction();