Polyfill

javascript

由于各种历史原因以及前端界典型的激进的特点，导致一些好的设计和模块不能够在各种平台上运行，（这里各种平台主要指的是各巨头的浏览器加上进年火的不行的Nodejs。）但是程序员需要为其埋单，程序员需要去了解各种模块的polyfill，小到一些函数如：

Object.sign

,

extend

,

clone

等。大的模块有,

Seajs

、

Requirejs

这类文件模块加载模块，

Promise

这类担负着解决

callback hell

的模块。只要工程实践上有需要，但是没有被主流平台实现，我们就必须去实现它。幸运的是，这是一个开源的好时代。一些模块在

google

、

github

上都能找到。这里主要实现几个常用模块的

polyfill

。

extends(继承)

javascript

有其独特的继承机制。在实现extends的时候需要考虑不能污染了源对象的原型链。

Object.extend = Obj.extend || function(d, s, override) {
var keys = Object.keys(s);
for(var i = 0, len = keys.length; i < len; i++) {
var k = keys[i];
if(!d[k] || !!override) {
d[k] = s[k];
}
}
function _x() {this.constructor = d;}
_x.prototype = s.prototype;
d.prototype = new _x();
};

首先把

s

对象自身的属

copy

给

d

对象(不包含

s

对象原型链上的属性)。其次把

d

对象的原型移到

s

对象。需要注意的是，后面我们对

d

的原型对象修改时不应该

污染``s

对象的原型链，所以中间放一个隔离层。后面我们可以这样用它：

function Drived(_super) {
_super.call(this);
//...
}
window.extend(Drived, super);

nodejs已经有内置的实现：）

bind(匿名函数)

我们知道js函数里的待续…

this

是可以动态指定的，而

bind

是一个非常好用的语法糖。

Function.prototype.bind = Function.prototype.bind || function() {
var func = this;
var args = [].slice.call(arguments);
var ctx = args.shift();
return function() {
func.apply(ctx, args.concat([].slice.call(arguments)));
}
};