当前位置: 软件>JavaScript软件
ES6 转 JavaScript esnext
本文导语: esnext 是一个 JavaScript 库,可以将 ES6 草案规范语法转成今天的 JavaScript 语法。 例如: /* On the left is code written with new JavaScript features, and on the right is the console output, plus the same code re-written so it can run in today's br...
esnext 是一个 JavaScript 库,可以将 ES6 草案规范语法转成今天的 JavaScript 语法。
例如:
/* On the left is code written with new JavaScript features, and on the right is the console output, plus the same code re-written so it can run in today's browsers. Edits made to the code on the left will re-generate and re-run the code on the right. Try it out! */ // Classes class Person { constructor(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } get name() { // Template strings return `${this.firstName} ${this.lastName}`; } toString() { return this.name; } } console.log( 'Full name is:', new Person('Michael', 'Bluth') ); // Arrow functions console.log([1, 2, 3].map(x => x * x)); // Rest params function join(delim, ...items) { return items.join(delim); } // Spread args console.log(join('-', ...[415, 555, 1212]));
将被转换成:
/* On the left is code written with new JavaScript features, and on the right is the console output, plus the same code re-written so it can run in today's browsers. Edits made to the code on the left will re-generate and re-run the code on the right. Try it out! */ // Classes var $__Array$prototype$slice = Array.prototype.slice; var $__Object$defineProperties = Object.defineProperties; var Person = function() { "use strict"; function Person(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; } $__Object$defineProperties(Person.prototype, { name: { get: function() { // Template strings return "" + this.firstName + " " + this.lastName + ""; }, enumerable: true, configurable: true }, toString: { value: function() { return this.name; }, enumerable: false, writable: true } }); $__Object$defineProperties(Person, {}); return Person; }(); console.log( 'Full name is:', new Person('Michael', 'Bluth') ); // Arrow functions console.log([1, 2, 3].map(function(x) { return x * x; })); // Rest params function join(delim) { var $__arguments = arguments; var items = [].slice.call($__arguments, 1); return items.join(delim); } // Spread args console.log(join.apply(null, ['-'].concat($__Array$prototype$slice.call([415, 555, 1212]))));
使用方法:
var transpiler = require('es6-module-transpiler'); var Container = transpiler.Container; var FileResolver = transpiler.FileResolver; var BundleFormatter = transpiler.formatters.bundle; var container = new Container({ resolvers: [new FileResolver(['lib/'])], formatter: new BundleFormatter() }); container.getModule('index'); container.write('out/mylib.js');