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, {});