首页

Polyfill第一篇--这是什么鬼

myzbx 2025-08-02 20:14 29 浏览

1.这是什么鬼

最近，计划花些时间来实现一个Polyfill。我会先写Array-Polyfill的部分,因为数组比较重要而且实现起来也比较简单。当然在网上有大把的现成的Polyfill，重复造轮子确实没什么Luan用，但是，却可以当是一个学习的过程哈！在写这个Polyfill的同时，我会持续更新一些干贷和大家share一下，代码和随笔会同步到github欢迎大家前往star~

2.什么是Polyfill

polyfill的作用是让较低版本的浏览器（主要还是IE吧）能够支持一些较新的JS特性。从2015年开始，每年就会发布一个新的ES版本，如ES2015、ES2016。如果我们想要在项目中使用新标准，又要兼容旧的环境（还是IE!!!），就要引入polyfill工具库了。当然啦，polyfill并不是什么新的特性都可以实现的，比如ES5的严格模式（strict mode），几乎是没有办法实现的，再如ES5的新增的JSON对象的parse方法和stringify方法，实现起来是比较复杂的。有一点需要说明一下的是，ES5和ES2015不是同一个概念，ES5在很多年前的2009年就已经发布了，但是ES2015是去年即2015年才发布的，也就是我们说的ES6，但是，以后的版本都将是以年份来命名了，如ES2016、ES2017，而不是叫做ES7、ES8了。Array-Polyfill是Polyfill的一部分，就是和数组有关的那部分。

3.为什么选择先写Array-Polyfill

每个ES版本，新增的特性是很多的，所以用Polyfill实现兼容的代码也是非常多的，这不太现实，另外，数组是我们用得最多的一种数据结构，而且大部分Polyfill实现也不太难，所以Array-Polyfill是比较适合用来学习的。在这系列随笔中，我会先写ES5的Array-Polyfill。然后再写ES6的。所以github上的仓库就会分成两个文件，分别是es5.js和和es6.js。

4.ES5新增了哪些数组方法？

ES5对Array增加了10多个方法，其中静态方法（即直接添加到Array上的）有1个、实例方法（即添加到Array.prototype上的）有9个，具体如下：

静态方法：

  Array.prototype.forEach
  Array.prototype.map 
  Array.prototype.every
  Array.prototype.some
  Array.prototype.filter 
  Array.prototype.indexOf 
  Array.prototype.lastIndexOf 
  Array.prototype.reduce 
  Array.prototype.reduceRight

JS 2009 (ES5)

上一篇：魔兽世界9.1 刻希亚寻找宝箱、稀有WA(转自nga)
下一篇：曝光台丨车辆逆行曝光!看看都是谁这样任性……

Polyfill第一篇--这是什么鬼

1.这是什么鬼

2.什么是Polyfill

3.为什么选择先写Array-Polyfill

4.ES5新增了哪些数组方法？

静态方法：

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

说下你的vue项目的目录结构，该怎么划分?

8.7k star，一款超炫酷的动态可视化大屏项目

这么牛逼的cursor功能，赶紧用起来

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

用上Vue3，你真的变了吗?（vue3 key）

browser-use:AI 驱动的浏览器自动化神器——DOM识别与交互详解

巧克力:从一朵花开始的华丽变身_巧克力花束教程视频

comfyui安装MimicMotion扩展，AI跳舞动作模仿