Polyfill
来源:互联网 发布:新淘宝店如何破零知乎 编辑:程序博客网 时间:2024/06/07 09:44
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))); }};
0 0
- Polyfill
- readAsBinaryString polyfill
- shim 和 polyfill
- 【javascript】polyfill和shim
- Shim、Polyfill 和 fallback
- shim和polyfill
- Object.create polyfill 方法
- shim和polyfill
- 常用polyfill代码
- babel-polyfill的作用
- passive polyfill 代码
- 实现一个Promise-polyfill
- window.requestAnimFrame 以及Polyfill
- babel-polyfill作为生产依赖
- JavaScript名词shim与polyfill
- 一句话区分shim和polyfill
- shim和polyfill有什么区别?
- shim和polyfill有什么区别
- linux kvm虚拟机 NAT/BRIDGE配置
- ORACLE日期时间函数大全
- makefile分层目录结构
- 八皇后问题(bjfu 1275)
- Android UI设计:shape
- Polyfill
- 数据持久化-属性列表、归档、NSUserDefaults
- 12549 - Sentry Robots (二分图匹配)
- oc MRC内存管理机制alloc/retain/copy/release/autorelease
- Android UI设计——GridView控件
- JQuery 弹出层,始终显示在屏幕正中间
- 你是我的小呀小苹果——苹果ios编程第一课
- 异步模式下的Ajax的同步问题
- easyui 时间控件包含时分