为函数自定义bind方法实例页面

展示

代码

HTML代码：

<input id="button" type="button" value="点击我" />
<span id="text">我会变色？</span>
            

JS代码：

if (!function() {}.bind) {
    Function.prototype.bind = function(context) {
        var self = this
            , args = Array.prototype.slice.call(arguments);
            
        return function() {
            return self.apply(context, args.slice(1));    
        }
    };
}

var eleBtn = document.getElementById("button")
    , eleText = document.getElementById("text");
    
eleBtn.onclick = function(color) {
    color = color || "#003399";
    this.style.color = color;
}.bind(eleText, "#cd0000");