最近公司组织新写一个客服系统，涉及到让人头痛的兼容，更头痛的要兼容到ie8。开发过程遇到的很基础却很影响进度的问题，就当做个笔记记录一下。
浏览器存在三方面的兼容性问题，html,css和js都存在兼容性问题，对于html兼容性问题，只能放弃使用新标签（<aside>，<footer>等）采用其它方式实现。对于js兼容性问题，可以通过代码判断浏览器类型(user-agent)从而执行不同的代码，也可以使用第三方工具例如jquery实现兼容。对于css问题，可以使用css-hack（之前看的一片有关css hack的文章 https://blog.csdn.net/freshlover/article/details/12132801）和浏览器私有样式实现兼容。说了那么都不是重点哈哈哈哈，这次主要表述的是Array的三个方法.forEach，.map，.filter，以及字符串.trim兼容ie8的个人理解。
1.Array.prototype添加要重新写的方法，参数为传入的回调函数，然后for循环this（this指向的传入的数组）。
后两个都基于.forEach，所以把.forEach放在第一个。
if(!Array.prototype.forEach){
Array.prototype.forEach = function (callback) {
for(var i = 0;i < this.length; i ++){
callback(this[i],i,this);
};
};
};
if(!Array.prototype.map){
Array.prototype.map = function (callback) {
var returnArray = [];
this.forEach(function (item,index,array) {
returnArray.push(callback(item,index,array))
});
return returnArray;
};
};
if(!Array.prototype.filter){
Array.prototype.filter = function (callback) {
var returnArray = [];
this.forEach(function (item,index,array) {
if(callback(item,index,array)){
returnArray.push(item);
};
});
return returnArray;
};
};
2.String.prototype增加一个回调方法，返回正则替换后的数据。
if(!String.prototype.trim){
String.prototype.trim = function () {
return this.replace(/(^[\s]+|[\s]+$)/g,'')
};
};
end。
参考资料：Array.prototype
网友评论