Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > javascript中运用闭包和自执行函数解决大量的全局变量问题_javascript技巧

javascript中运用闭包和自执行函数解决大量的全局变量问题_javascript技巧

WBOY
Freigeben： 2016-05-16 18:12:52
Original
1627 Leute haben es durchsucht

但是从全局看来，这样会导致出现一些让我们难以掌控的情况的出现：变量同名、多个函数共用一个全局变量后的值的变换……等等。所以，有时候，对于一些简单的全局变量，我们可以通过另一种方式来处理——用自执行函数+闭包的方法来解：

比如：我们要在网页加载时给出一个提示，在网页关闭时给出另一个提示
下面的代码，实现了以上功能

复制代码 代码如下:

var msg1 = "欢迎光临!"; // 定义一个全局变量
var msg2 = "再见！" //定了另一个全局变量
window.onload = function() {
　　alert(msg1);
}
window.onunload = function() {
　　alert(msg2);
}

这段代码中已经用到了两个全局变量。而只是为了实现一个简小的功能。
而且，全局变量太多，我们必须记住：msg1是欢迎时的变量，msg2是关闭时变量……如果变量更多，我们还能记得住吗？


下面是同样的功能，不过运用了自执行函数+闭包方法：
复制代码 代码如下:

(function() {
　　var msg = "Hello, world!";
　　window.onload = function() {
　　　　alert(msg);
　　}
})();

(function() {
　　var msg = "Hello, world!";
　　window.onunload = function() {
　　　　alert(msg);
　　}
})();

后者做法，虽然代码增长了，但是：
1）msg变量只在各自的自执行函数内有效。不会和其它全局变量之间产生混淆。
2）代码的结构变得更加的清晰。
3）解决了大量使用全局变量的情况。

以上只是本人的一点认识，希望真正的高手给出点评！
Verwandte Etiketten：
闭包
Quelle：php.cn
Vorheriger Artikel：基于jQuery架构javascript基础体系_jquery Nächster Artikel：jQuery技巧总结_jquery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Aus URL-Parametern erhaltene PHP-Arrays verhalten sich nicht wie erwartet Ich habe einen URL-Parameter, der die Kategorie-ID enthält, und ich möchte ihn als Array w...
Aus 2024-04-06 22:09:02
0
1
1428
Die Abfrage und die Formel bilden die gesamte Tabelle mit neuen Spalten, wobei die neuen Spalten Formeln sind, die andere bedingte Spaltenwerte beinhalten BEARBEITEN: Die Formel sollte die Spalte „Wert“ sein – die Spalte „Wert“ mit der niedrigst...
Aus 2024-04-06 21:23:40
0
2
530
Wie kann man schwebende Elemente in CSS vertikal statt horizontal stapeln lassen? Ich versuche, eine Webseite mit zwei Spalten zu erstellen, mit Hauptinhalt auf der einen S...
Aus 2024-04-06 20:45:26
0
2
386
So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern Ich möchte das Skelett meiner Laravel-Komponente in einen Livewire3-Platzhalter einfügen. ...
Aus 2024-04-06 20:02:10
0
2
543
Wie kann ich in der mobilen Ansicht diese Navigationsleiste schließen, wenn der Benutzer auf den Link klickt? Wenn der Benutzer auf einen Link klickt, um die Website zu durchsuchen, wird die Navigatio...
Aus 2024-04-06 19:23:03
0
1
411
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage