javaScript中關(guān)于this之軟綁定應(yīng)用

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>this之軟綁定</title>
</head>
<body>
<script type="text/javascript">
// 軟綁定
if (!Function.prototype.softBind) {
    Function.prototype.softBind = function(obj) {
        var fn = this;
        // 捕獲所有 curried 參數(shù)
        var curried = [].slice.call( arguments, 1 );
        
        var bound = function() {
            return fn.apply(
            (!this || this === (window || global)) ? obj : this,
                curried.concat.apply( curried, arguments )
            );
        };
        bound.prototype = Object.create( fn.prototype );
        return bound;
    };
}

var name1 = { name: 'agugua' };
var name2 = { name: 'LiMing' };

function showName(){
    console.log('My name is '  + this.name)
}

//未軟綁定
name2.showName = showName;
name2.showName();                   // My name is LiMing"

//軟綁定
name2.showName = showName.softBind(name1);
setTimeout(name2.showName, 60);       // My name is agugua 

</script>
</body>
</html>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 首先,什么是軟綁定? 所謂軟綁定,是和硬綁定相對應(yīng)的一個詞,在詳細解釋軟綁定之前,我們先來看看硬綁定。 在Java...
    代碼墨白閱讀 221評論 1 0
  • 談婚論嫁時,人們最常聽到的一句話就是:女人這輩子,一定要找個對的人來托付終身。 可是卻很少有人想到,如若當真托付,...
    在下賀公子閱讀 670評論 0 0
  • 那得從去年一月份開始說起了。 我和他相識于一場與陌生人的旅行里。那時候我剛離職,心里想著反正快過年了,先去玩玩,過...
    兩碗魚蛋粗面閱讀 924評論 2 1
  • 微風輕輕拂過面龐, 放飛浮躁的心情, 在大自然里飛揚, 呼吸著自由的空氣, 身心都倍感舒爽。 湖面微波蕩漾, 小船...
    靜淵王閱讀 255評論 0 0

友情鏈接更多精彩內(nèi)容