ES6 padStart和padEnd方法polyfill使用测试实例页面
回到相关文章 »效果:
padStart的polyfill测试
'zhangxinxu'.padStart(15, false);
预期结果是:
falsezhangxinxu
,实际结果是:'zhangxinxu'.padStart(15, null);
预期结果是:
nullnzhangxinxu
,实际结果是:'zhangxinxu'.padStart(15, []);
预期结果是:
zhangxinxu
,实际结果是:'zhangxinxu'.padStart(15, {});
预期结果是:
[objezhangxinxu
,实际结果是:
padEnd的polyfill测试
'zhangxinxu'.padEnd(15, false);
预期结果是:
zhangxinxufalse
,实际结果是:'zhangxinxu'.padEnd(15, null);
预期结果是:
zhangxinxunulln
,实际结果是:'zhangxinxu'.padEnd(15, []);
预期结果是:
zhangxinxu
,实际结果是:'zhangxinxu'.padEnd(15, {});
预期结果是:
zhangxinxu[obje
,实际结果是:
代码:
HTML代码:
<h4>padStart的polyfill测试</h4> <p>'zhangxinxu'.padStart(15, false);</p> <p>预期结果是:falsezhangxinxu,实际结果是:<code id="result1"></code></p> <p>'zhangxinxu'.padStart(15, null);</p> <p>预期结果是:nullnzhangxinxu,实际结果是:<code id="result2"></code></p> <p>'zhangxinxu'.padStart(15, []);</p> <p>预期结果是:zhangxinxu,实际结果是:<code id="result3"></code></p> <p>'zhangxinxu'.padStart(15, {});</p> <p>预期结果是:[objezhangxinxu,实际结果是:<code id="result4"></code></p> <h4>padEnd的polyfill测试</h4> <p>'zhangxinxu'.padEnd(15, false);</p> <p>预期结果是:zhangxinxufalse,实际结果是:<code id="result5"></code></p> <p>'zhangxinxu'.padEnd(15, null);</p> <p>预期结果是:zhangxinxunulln,实际结果是:<code id="result6"></code></p> <p>'zhangxinxu'.padEnd(15, []);</p> <p>预期结果是:zhangxinxu,实际结果是:<code id="result7"></code></p> <p>'zhangxinxu'.padEnd(15, {});</p> <p>预期结果是:zhangxinxu[obje,实际结果是:<code id="result8"></code></p>
JS代码:
// polyfill代码参见页面源代码 // 下面是测试需要的业务代码 document.getElementById('result1').innerHTML = 'zhangxinxu'.padStart(15, false); document.getElementById('result2').innerHTML = 'zhangxinxu'.padStart(15, null); document.getElementById('result3').innerHTML = 'zhangxinxu'.padStart(15, []); document.getElementById('result4').innerHTML = 'zhangxinxu'.padStart(15, {}); document.getElementById('result5').innerHTML = 'zhangxinxu'.padEnd(15, false); document.getElementById('result6').innerHTML = 'zhangxinxu'.padEnd(15, null); document.getElementById('result7').innerHTML = 'zhangxinxu'.padEnd(15, []); document.getElementById('result8').innerHTML = 'zhangxinxu'.padEnd(15, {});