BabelJS - Transpile ES8-Funktionen auf ES5

String Padding ist die neue ES8-Funktion, die Javascript hinzugefügt wurde. Wir werden an einem einfachen Beispiel arbeiten, das das Auffüllen von Zeichenfolgen mit babel auf ES5 überträgt.

String Padding

Durch das Auffüllen von Zeichenfolgen wird von der linken Seite eine weitere Zeichenfolge gemäß der angegebenen Länge hinzugefügt. Die Syntax für das Auffüllen von Zeichenfolgen lautet wie folgt:

Syntax

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

Beispiel

const str = 'abc';

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

Ausgabe

_____abc
abc_____

ES8 - String Padding

const str = 'abc';

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

Befehl

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

Babel - ES5

'use strict';

var str = 'abc';

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

Das js muss zusammen mit babel-polyfill wie unten gezeigt verwendet werden -

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>