Учебники

BabelJS — возможности Transpile ES8 для ES5

Октябрь 1, 2018

String padding — это новая функция ES8, добавленная в javascript. Мы будем работать над простым примером, который перенесет заполнение строки в ES5 с помощью babel.

String Padding

Строковое заполнение добавляет еще одну строку с левой стороны в соответствии с указанной длиной. Синтаксис для заполнения строк, как показано ниже —

Синтаксис 

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

пример 

const str = 'abc';

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

Выход 

_____abc
abc_____

ES8 — String Padding 

const str = 'abc';

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

команда 

npx babel strpad.js --out-file strpad_es5.js

Бабель — ES5 

'use strict';

var str = 'abc';

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

JS должен использоваться вместе с babel-polyfill, как показано ниже —

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>

47
Share: