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