当我把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
我做错了什么?
当前回答
当我创建根类时，我使用箭头函数定义了根类的方法。当继承和覆盖原来的函数时，我注意到同样的问题。
class C {
x = () => 1;
};
class CC extends C {
x = (foo) => super.x() + foo;
};
let add = new CC;
console.log(add.x(4));
这个问题可以通过定义父类的方法而不使用箭头函数来解决
class C {
x() {
return 1;
};
};
class CC extends C {
x = foo => super.x() + foo;
};
let add = new CC;
console.log(add.x(4));
其他回答
当我创建根类时，我使用箭头函数定义了根类的方法。当继承和覆盖原来的函数时，我注意到同样的问题。
class C {
x = () => 1;
};
class CC extends C {
x = (foo) => super.x() + foo;
};
let add = new CC;
console.log(add.x(4));
这个问题可以通过定义父类的方法而不使用箭头函数来解决
class C {
x() {
return 1;
};
};
class CC extends C {
x = foo => super.x() + foo;
};
let add = new CC;
console.log(add.x(4));
当我创建一个新的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中打开开发人员工具。
我的例子:(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的导入
该错误是由于第三行缺少分号造成的:
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);
我在React中也有同样的错误，我花了很长时间才解决这个问题，
原因是我的应用没有包含上下文
去你的索引。JSX(或main。jsx)，并检查你的应用程序周围是否有Context。
