标签:javascript polyfill 函数
javascript
由于各种历史原因以及前端界典型的激进的特点,导致一些好的设计和模块不能够在各种平台上运行,(这里各种平台主要指的是各巨头的浏览器加上进年火的不行的Nodejs。)但是程序员需要为其埋单,程序员需要去了解各种模块的polyfill,小到一些函数如:Object.sign
,extend
,clone
等。大的模块有,Seajs
、Requirejs
这类文件模块加载模块,Promise
这类担负着解决callback hell
的模块。只要工程实践上有需要,但是没有被主流平台实现,我们就必须去实现它。幸运的是,这是一个开源的好时代。一些模块在google
、github
上都能找到。这里主要实现几个常用模块的polyfill
。
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已经有内置的实现:)
我们知道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)));
}
};
版权声明:本文为博主原创文章,未经博主允许不得转载。
标签:javascript polyfill 函数
原文地址:http://blog.csdn.net/gentlycare/article/details/48022329