博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
padStart 的 polyfill
阅读量:6642 次
发布时间:2019-06-25

本文共 1205 字,大约阅读时间需要 4 分钟。

?

原文 :欢迎 star.

今天在看 ES7 新增的部分 Api 的时候刚好看到 padStart 的这个方法,好像还挺实用的,而且也想在正式开始工作之前先找找写代码的感觉,于是顺手(其实还是花了不少时间的)就实现了这个 polyfill。

相关的 API 用法在 MDN 上有说明。 下面是具体实现

if(!String.prototype.padStart)    String.prototype.padStart =        // 为了方便表示这里 fillString 用了ES6 的默认参数,不影响理解        function (maxLength, fillString=' ') {            if(Object.prototype.toString.call(fillString) !== "[object String]") throw new TypeError('fillString must be String')            let str = this            // 返回 String(str) 这里是为了使返回的值是字符串字面量,在控制台中更符合直觉            if(str.length >= maxLength) return String(str)            let fillLength = maxLength - str.length,                  times = Math.ceil(fillLength / fillString.length)                      // 这个算法叫啥?           // SICP 的中文版第 30页 有用到同种算法计算乘幂计算            while(times >>= 1) {                 fillString += fillString                    if(times === 1){                       fillString += fillString                    }                 }            return fillString.slice(0, fillLength) + str          }
// padStart  对于我来说最常用的地方就在于时间或者数字格式补全了'5'.padStart(2, '0') // '05''15'.padStart(2, '0') // '15'

ps:

写完之后突然发现这个好像就是之前 npm 的 left-pad 删库事件;隐约记得好多人都重写过这个库。anyway, 练手的目的算是达到了。

转载地址:http://ooovo.baihongyu.com/

你可能感兴趣的文章
jQuery 获取URL的GET参数值
查看>>
FCKEditor使用说明
查看>>
节点遍历测试dom4j创建、修改、遍历XML
查看>>
post和get
查看>>
宋体语句那些苦逼日子的学习(C语言)06
查看>>
Linux中的计划任务at命令的用法
查看>>
使用游标——游标FOR循环
查看>>
5月收集
查看>>
Javascript获取DropDownList选项信息
查看>>
javaScript 正则表达式2
查看>>
原创:Qt自定义拖放
查看>>
策略模式
查看>>
(转)RGB接口和i80接口的区别
查看>>
6月21小记
查看>>
RESTful API 设计最佳实践
查看>>
定义文件XML——从简单开始
查看>>
android辅助开发工具包介绍
查看>>
JSP中scope属性 scope属性决定了JavaBean对象存在的范围
查看>>
Linux设备驱动开发详解-Note(11)--- Linux 文件系统与设备文件系统(3)
查看>>
实习第一天之数据绑定:<%#Eval("PartyName")%>'
查看>>