UglifyJS2 [] = 上的无效赋值

Question

我已经开始处理一个使用gulp-uglify 来缩小它的 JS 的旧项目，但是当我运行 gulp 任务时出现以下错误：

GulpUglifyError: unable to minify JavaScript
Caused by: SyntaxError: Invalid assignment
File: app/assets/js/main.js
Line: 92
invalid assignment [] =

当我查看第 92 行时，我看到了一个奇怪的变量赋值，它的语法我不熟悉：

[newTitle, newVal] = $('#' + elementId + '-title').text().replace('*', '').split(':');

它后来发生在：

[prodW = 0, prodL = 0, boxL = 0] = currentOption.text().split(/[\/-]/);

如果我发布这些行，我会收到更多错误，因为 newTitle、newVal、prodW、prodL、boxL 都在其他地方使用。

知道这里发生了什么，有办法避免这些错误吗？

这是我正在运行的 gulp 任务，以防万一……

gulp.task('compressJS', function (cb) { 
    pump([
            gulp.src('app/assets/js/*.js'),
            uglify(),
            gulp.dest('build/js/')
        ],
        cb
    );
});

Answer 1

这是 JavaScript ES6 的一个特性，称为Destructuring Assignment。

问题是Uglify2 不兼容 ES6。你可以尝试使用新的Uglify3，它是兼容的，或者先将你的ES6代码转换为ES5，比如gulp-babel:https://www.npmjs.com/package/gulp-babel

用 Babel 做的好处还在于旧的浏览器不支持 ES6。