×
  • Web前端首页
  • Js&JQuery
  • 错误信息SyntaxError: "use strict" not allowed in function with non-simple parameters的解决方法

错误信息SyntaxError: "use strict" not allowed in function with non-simple parameters的解决方法

作者:andy0012020.12.15来源:Web前端之家浏览:5235评论:0
关键词:js

错误信息SyntaxError: "use strict" not allowed in function with non-simple parameters的解决方法,分享下。

信息

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

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

错误类型

SyntaxError.

哪里出错了?

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

  • 默认参数

  • 剩余参数

  • 解构赋值

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

示例

函数语句

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

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" 指令到函数之外:

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

函数表达式

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

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

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

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

箭头函数

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

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

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

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


您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js20201215a1.html

网友评论文明上网理性发言 已有0人参与

发表评论: