SyntaxError: "use strict" not allowed in function with non-simple parameters

信息

Firefox:
句法错误:"use strict" 不允许在带默认参数的函数中
句法错误:"use strict" 不允许在带 rest 参数的函数中
句法错误:"use strict" 不允许在带解构参数的函数中

Chrome:
句法错误:非法的'use strict'指令,在带有非简单参数列表的函数中

错误类型

哪里出错了?

在函数顶部直接写了 "use strict" ,而该函数拥有以下的参数其中之一:

根据 ECMAScript 规范,不允许在这些函数的顶部使用“use strict”指令。

示例

函数语句

在这种情况下,函数 sum 具有默认参数 a = 1 和 b = 2:

js
function sum(a=1, b=2) {
  // SyntaxError: "use strict" not allowed in function with default parameter
  "use strict";
  return a + b;
}

如果这个函数应该处于 strict mode,并且整个脚本或封装函数也可以在严格模式下,可以移动 "use strict" 指令到函数之外:

js
"use strict";
function sum(a = 1, b = 2) {
  return a + b;
}

函数表达式

函数表达式可以使用另一种解决方法:

js
var sum = function sum([a, b]) {
  // SyntaxError: "use strict" not allowed in function with destructuring parameter
  "use strict";
  return a + b;
};

这可以转换为以下表达式:

js
var sum = (function () {
  "use strict";
  return function sum([a, b]) {
    return a + b;
  };
})();

箭头函数

如果箭头函数需要访问 this,则可以将箭头函数作为封闭函数来使用:

js
var callback = (...args) => {
  // SyntaxError: "use strict" not allowed in function with rest parameter
  "use strict";
  return this.run(args);
};

这可以转换为以下表达式:

js
var callback = (() => {
  "use strict";
  return (...args) => {
    return this.run(args);
  };
})();

参见