当我把js逻辑写在闭包中作为一个单独的js文件时,一切都很好,如下:

(function(win){
   //main logic here
   win.expose1 = ....
   win.expose2 = ....
})(window)

但是当我尝试在同一个js文件中的闭包之前插入一个日志替代函数时,

 window.Glog = function(msg){
     console.log(msg)
 }
 // this was added before the main closure.

 (function(win){
   //the former closure that contains the main javascript logic;
 })(window)

它抱怨有一个TypeError:

Uncaught TypeError: (intermediate value)(...) is not a function

我做错了什么?


当前回答

我在这种情况下也遇到了同样的问题:

let brand, capacity, color;
let car = {
  brand: 'benz',
  capacity: 80,
  color: 'yellow',
}

({ color, capacity, brand } = car);

而只是一个;在汽车声明结束时,错误消失:

let car = {
  brand: 'benz',
  capacity: 80,
  color: 'yellow',
}; // <-------------- here a semicolon is needed

实际上,之前({颜色,容量,品牌}=汽车);需要看到分号。

其他回答

当我创建一个新的ES2015类,其中属性名等于方法名时,我就遇到过这个问题。

例如:

class Test{
  constructor () {
    this.test = 'test'
  }

  test (test) {
    this.test = test
  }
}

let t = new Test()
t.test('new Test')

请注意这个实现在NodeJS 6.10中。

作为一种变通方法(如果你不想使用无聊的“setTest”方法名),你可以为你的“私有”属性使用一个前缀(如_test)。

在jsfiddle中打开开发人员工具。

该错误是由于第三行缺少分号造成的:

window.Glog = function(msg) {
  console.log(msg);
}; // <--- Add this semicolon

(function(win) {
  // ...
})(window);

ECMAScript规范对自动插入分号有特定的规则,但是在这种情况下,分号不会自动插入,因为下一行开始的括号表达式可以被解释为函数调用的参数列表。

这意味着没有分号,匿名窗口。Glog函数被调用时使用一个函数作为msg参数,后面跟着(window),它随后试图调用返回的任何东西。

下面是代码的解释:

window.Glog = function(msg) {
  console.log(msg);
}(function(win) {
  // ...
})(window);

我的例子:(Angular, PrimeNG)

我的错误: 我的版本:

 "@angular/animations": "^12.2.0",
 "@angular/cdk": "^12.2.0",
 "@angular/common": "^12.2.0",
 "@angular/compiler": "^12.2.0",
 "@angular/core": "^12.2.0",
 "@angular/forms": "^12.2.0",
 "@angular/platform-browser": "^12.2.0",
 "@angular/platform-browser-dynamic": "^12.2.0",
 "@angular/router": "^12.2.0",
 "primeng": "^13.0.0-rc.2",
 "quill": "^1.3.7"

我的解决方案: node_modules / primeng fesm2015 / primeng-editor.mjs

如图所示,更新Quill的导入

如果来自Ionic Angular,则更新到最新版本

ng update @ionic/angular

我在这种情况下也遇到了同样的问题:

let brand, capacity, color;
let car = {
  brand: 'benz',
  capacity: 80,
  color: 'yellow',
}

({ color, capacity, brand } = car);

而只是一个;在汽车声明结束时,错误消失:

let car = {
  brand: 'benz',
  capacity: 80,
  color: 'yellow',
}; // <-------------- here a semicolon is needed

实际上,之前({颜色,容量,品牌}=汽车);需要看到分号。