BabelJS - Transpile ES8 berfiturkan ke ES5

String padding adalah fitur ES8 baru yang ditambahkan ke javascript. Kami akan mengerjakan contoh sederhana, yang akan memindahkan bantalan string ke ES5 menggunakan babel.

String Padding

String padding menambahkan string lain dari sisi kiri sesuai panjang yang ditentukan. Sintaks untuk string padding adalah seperti di bawah ini -

Sintaksis

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

Contoh

const str = 'abc';

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

Keluaran

_____abc
abc_____

ES8 - Bantalan String

const str = 'abc';

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

perintah

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, '_'));

Js harus digunakan bersama dengan babel-polyfill seperti yang ditunjukkan di bawah ini -

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>