BabelJS-ES8 기능을 ES5로 트랜스 파일

문자열 패딩은 자바 스크립트에 추가 된 새로운 ES8 기능입니다. 우리는 babel을 사용하여 문자열 패딩을 ES5로 트랜스 파일하는 간단한 예제를 작업 할 것입니다.

문자열 패딩

문자열 패딩은 지정된 길이에 따라 왼쪽에서 다른 문자열을 추가합니다. 문자열 패딩의 구문은 다음과 같습니다.

통사론

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

const str = 'abc';

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

산출

_____abc
abc_____

ES8-문자열 패딩

const str = 'abc';

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

명령

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는 아래와 같이 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>