BabelJS - Funzionalità Transpile ES8 in ES5
Il riempimento delle stringhe è la nuova funzionalità ES8 aggiunta a javascript. Lavoreremo su un semplice esempio, che trasporterà il riempimento di stringhe in ES5 usando babel.
Imbottitura delle corde
Il riempimento delle stringhe aggiunge un'altra stringa dal lato sinistro in base alla lunghezza specificata. La sintassi per il riempimento delle stringhe è come mostrato di seguito:
Sintassi
str.padStart(length, string);
str.padEnd(length, string);
Esempio
const str = 'abc';
console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));
Produzione
_____abc
abc_____
ES8 - String Padding
const str = 'abc';
console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));
comando
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, '_'));
Il js deve essere usato insieme a babel-polyfill come mostrato di seguito -
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>