修复IE兼容forEach、indexOf、filter、getComputedStyle等新要领。
补充:此文是从这里汇集来的developer.mozilla.org,只是个人做个笔记,为了轻易今后对JSLite万一要做兼容的时刻行个轻易。当时懒衔接地点就贴了一个,假如你要原处所找到要领,能够在developer.mozilla.org这个内里搜刮。
getComputedStyle
修复IE,增添要领getComputedStyle为对象的窗口和getPropertyValue要领的对象,它返回的getComputedStyle
js
if (!window.getComputedStyle) { window.getComputedStyle = function(el, pseudo) { this.el = el; this.getPropertyValue = function(prop) { var re = /(\-([a-z]){1})/g; if (prop == 'float') prop = 'styleFloat'; if (re.test(prop)) { prop = prop.replace(re, function () { return arguments[2].toUpperCase(); }); } return el.currentStyle[prop] ? el.currentStyle[prop] : null; } return this; } }
some
在第 5 版时,some 被增加进 ECMA-262 规范;如许致使某些完成环境能够不支撑它。你能够把下面的代码插进去到剧本的开首来处理此题目,从而许可在那些没有原生支撑它的完成环境中运用它。该算法是 ECMA-262 第 5 版中指定的算法,假定 Object 和 TypeError 具有他们的初始值,且 fun.call 等价于 Function.prototype.call。
js
if (!Array.prototype.some){ Array.prototype.some = function(fun /*, thisArg */) { 'use strict'; if (this === void 0 || this === null) throw new TypeError(); var t = Object(this); var len = t.length >>> 0; if (typeof fun !== 'function') throw new TypeError(); var thisArg = arguments.length >= 2 ? arguments[1] : void 0; for (var i = 0; i < len; i++) { if (i in t && fun.call(thisArg, t[i], i, t)) return true; } return false; }; }
every
在第 5 版时,every 被增加进 ECMA-262 规范;因此在某些完成环境中不被支撑。你能够把下面的代码放到剧本的开首来处理此题目,该代码许可在那些没有原生支撑 every 的完成环境中运用它。该算法是 ECMA-262 第5版中指定的算法,假定 Object 和 TypeError 具有它们的初始值,且 fun.call 等价于 Function.prototype.call。
js
if (!Array.prototype.every) { Array.prototype.every = function(fun /*, thisArg */) { 'use strict'; if (this === void 0 || this === null) throw new TypeError(); var t = Object(this); var len = t.length >>> 0; if (typeof fun !== 'function') throw new TypeError(); var thisArg = arguments.length >= 2 ? arguments[1] : void 0; for (var i = 0; i < len; i++) { if (i in t && !fun.call(thisArg, t[i], i, t)) return false; } return true; }; }
map
map 是在近来的 ECMA-262 规范中新增加的要领;所以一些旧版本的浏览器能够没有完成该要领。在那些没有原生支撑 map 要领的浏览器中,你能够运用下面的 Javascript 代码来完成它。所运用的算法恰是 ECMA-262,第 5 版划定的。假定Object, TypeError, 和 Array 有他们的原始值。而且 callback.call 的原始值也是 Function.prototype.call
js
// Production steps of ECMA-262, Edition 5, 15.4.4.19 // Reference: http://es5.github.io/#x15.4.4.19 if (!Array.prototype.map) { Array.prototype.map = function(callback, thisArg) { var T, A, k; if (this == null) { throw new TypeError(' this is null or not defined'); } // 1. Let O be the result of calling ToObject passing the |this| // value as the argument. var O = Object(this); // 2. Let lenValue be the result of calling the Get internal // method of O with the argument "length". // 3. Let len be ToUint32(lenValue). var len = O.length >>> 0; // 4. If IsCallable(callback) is false, throw a TypeError exception. // See: http://es5.github.com/#x9.11 if (typeof callback !== 'function') { throw new TypeError(callback + ' is not a function'); } // 5. If thisArg was supplied, let T be thisArg; else let T be undefined. if (arguments.length > 1) { T = thisArg; } // 6. Let A be a new array created as if by the expression new Array(len) // where Array is the standard built-in constructor with that name and // len is the value of len. A = new Array(len); // 7. Let k be 0 k = 0; // 8. Repeat, while k < len while (k < len) { var kValue, mappedValue; // a. Let Pk be ToString(k). // This is implicit for LHS operands of the in operator // b. Let kPresent be the result of calling the HasProperty internal // method of O with argument Pk. // This step can be combined with c // c. If kPresent is true, then if (k in O) { // i. Let kValue be the result of calling the Get internal // method of O with argument Pk. kValue = O[k]; // ii. Let mappedValue be the result of calling the Call internal // method of callback with T as the this value and argument // list containing kValue, k, and O. mappedValue = callback.call(T, kValue, k, O); // iii. Call the DefineOwnProperty internal method of A with arguments // Pk, Property Descriptor // { Value: mappedValue, // Writable: true, // Enumerable: true, // Configurable: true }, // and false. // In browsers that support Object.defineProperty, use the following: // Object.defineProperty(A, k, { // value: mappedValue, // writable: true, // enumerable: true, // configurable: true // }); // For best browser support, use the following: A[k] = mappedValue; } // d. Increase k by 1. k++; } // 9. return A return A; }; }
filter要领的支撑
filter 被增加到 ECMA-262 规范第 5 版中,因此在某些完成环境中不被支撑。能够把下面的代码插进去到剧本的开首来处理此题目,该代码许可在那些没有原生支撑 filter 的完成环境中运用它。该算法是 ECMA-262 第 5 版中指定的算法,假定 fn.call 等价于 Function.prototype.call 的初始值,且 Array.prototype.push 具有它的初始值。
js
if (!Array.prototype.filter){ Array.prototype.filter = function(fun /*, thisArg */){ "use strict"; if (this === void 0 || this === null) throw new TypeError(); var t = Object(this); var len = t.length >>> 0; if (typeof fun !== "function") throw new TypeError(); var res = []; var thisArg = arguments.length >= 2 ? arguments[1] : void 0; for (var i = 0; i < len; i++){ if (i in t){ var val = t[i]; if (fun.call(thisArg, val, i, t)) res.push(val); } } return res; }; }
bind
bind 函数在 ECMA-262 第五版才被到场;它能够没法在所有浏览器上运转。你能够部份地在剧本开首到场以下代码,就能使它运作,让不支撑的浏览器也能运用 bind() 功用。
js
if (!Function.prototype.bind) { Function.prototype.bind = function (oThis) { if (typeof this !== "function") { // closest thing possible to the ECMAScript 5 internal IsCallable function throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable"); } var aArgs = Array.prototype.slice.call(arguments, 1), fToBind = this, fNOP = function () {}, fBound = function () { return fToBind.apply(this instanceof fNOP && oThis ? this : oThis || window, aArgs.concat(Array.prototype.slice.call(arguments))); }; fNOP.prototype = this.prototype; fBound.prototype = new fNOP(); return fBound; }; }
indexOf
js
if(!Array.indexOf){ Array.prototype.indexOf = function(obj){ for(var i=0; i<this.length; i++){ if(this[i]==obj){ return i; } } return -1; } }
forEach
forEach 是在近来被增加到 ECMA-262 规范的;如许它能够在规范的其他完成中不存在,你能够在你挪用 forEach 之前 插进去下面的代码,在当地不支撑的情况下运用 forEach。该算法是 ECMA-262 第5版中指定的算法。算法假定 Object 和 TypeError 具有它们的初始值。callback.call 等价于 Function.prototype.call。
developer.mozilla.org
js
// Production steps of ECMA-262, Edition 5, 15.4.4.18 // Reference: http://es5.github.io/#x15.4.4.18 if (!Array.prototype.forEach) { Array.prototype.forEach = function(fun /*, thisp*/){ var len = this.length; if (typeof fun != "function") throw new TypeError(); var thisp = arguments[1]; for (var i = 0; i < len; i++){ if (i in this) fun.call(thisp, this[i], i, this); } }; }