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>