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.jsBabel - 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>