BabelJS - Recursos do Transpile ES8 para ES5
Preenchimento de string é o novo recurso ES8 adicionado ao javascript. Trabalharemos em um exemplo simples, que transpilará o preenchimento de cordas para ES5 usando o babel.
Preenchimento de cordas
O preenchimento da string adiciona outra string do lado esquerdo de acordo com o comprimento especificado. A sintaxe para preenchimento de string é mostrada abaixo -
Sintaxe
str.padStart(length, string);
str.padEnd(length, string);Exemplo
const str = 'abc';
console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));Resultado
_____abc
abc_____ES8 - Acolchoamento de cordas
const str = 'abc';
console.log(str.padStart(8, '_'));
console.log(str.padEnd(8, '_'));comando
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, '_'));O js deve ser usado junto com o babel-polyfill conforme mostrado abaixo -
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>