BabelJS-ES8機能をES5にトランスパイル

文字列のパディングは、JavaScriptに追加された新しいES8機能です。簡単な例で作業します。これは、babelを使用して文字列のパディングをES5にトランスパイルします。

文字列のパディング

文字列のパディングは、指定された長さに従って左側から別の文字列を追加します。文字列のパディングの構文は次のとおりです-

構文

str.padStart(length, string);
str.padEnd(length, string);

const str = 'abc';

console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));

出力

_____abc
abc_____

ES8-文字列のパディング

const str = 'abc';

console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));

コマンド

npx babel strpad.js --out-file strpad_es5.js

バベル-ES5

'use strict';

var str = 'abc';

console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));

以下に示すように、jsはbabel-polyfillと一緒に使用する必要があります-

test.html

<!DOCTYPE html>
<html>
   <head>
      <title>BabelJs Testing</title>
   </head>
   <body>
      <script src="node_modules\babel-polyfill\dist\polyfill.min.js" type="text/javascript"></script>
      <script type="text/javascript" src="strpad_es5.js"></script>
   </body>
</html>