問題描述

function Tab($selector){ var _this = this;// 這種可以保證this正確，但是這樣寫很累贅 $selector.on('click', function(){_this.switchIndex(); }); // 不兼容ie某些瀏覽器 $selector.on('click', this.switchIndex.bind(this));// 這種方式綁定會(huì)導(dǎo)致switchIndex內(nèi)部的this為$selector，除了上面那些， // 還有其他比較自然的方式嗎？ $selector.on('click', this.switchIndex);}Tab.prototype = { switchIndex: function(){// ... }};

問題解答

講真，第一種，很常見了,用多了也沒啥。

當(dāng)然，如果喜歡第二種，可以考慮用bind的polyfill（即在沒有bind的情況下利用call等方法來實(shí)現(xiàn)bind）。

ps: es6的話，箭頭函數(shù)就沒有這種煩惱，但正如第二種的情況，只支持高版本現(xiàn)代瀏覽器。