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>