Javascript DOM

Javascript DOM-0 IIFE(Javascript DOM-0 IIFE)

我是javascript的新手，并且不明白为什么在立即调用的函数表达式中声明的函数不能用于DOM-0。 我很确定它与变量范围有关

// HTML代码

<div onclick="test()">some Text</div>

// JAVASCRIPT代码

(function(){ function test(){ alert('Thank u Stackoverflow'); } })()

i'm new at javascript and didn't understand why function declared in Immediately-invoked function expression doesn't work with DOM-0 . i'm pretty sure it has something to do with variable scope

//HTML CODE

<div onclick="test()">some Text</div>

//JAVASCRIPT CODE

(function(){ function test(){ alert('Thank u Stackoverflow'); } })()

最满意答案

“test”函数在本地范围内，请参阅闭包 。

您可以通过创建模块来公开此功能。，请参阅Javascript模块

好像：

<div onclick="MyModule.test()">some Text</div>

和

var MyModule = (function() { function test(){ alert('Thank u Stackoverflow'); }; return { test: test }; })();

只是一个提示：永远不要直接在html中添加javascript事件，使用addEventListener或JQuery或其他库。

The "test" function is in local scope, see about Closures.

You can expose this function by creating a module., see about Javascript Modules

Looks like:

<div onclick="MyModule.test()">some Text</div>

and

var MyModule = (function() { function test(){ alert('Thank u Stackoverflow'); }; return { test: test }; })();

Just a tip: Never prefer add javascript events directly in html, use addEventListener or JQuery, or another library.