首頁 web前端 js教程 理運用命名空間讓js不產生衝突避免全域變數的氾濫_javascript技巧

理運用命名空間讓js不產生衝突避免全域變數的氾濫_javascript技巧

May 16, 2016 pm 04:44 PM
全域變數 命名空間

為了避免變數之間的覆蓋與衝突,可以產生命名空間,命名空間是一種特殊的前綴,在js中,透過{ }物件實現。

在不同的匿名函數中,根據功能聲明一個不同的命名空間,每個匿名函數中GLOBAL物件的屬性都不直接掛在GLOBAL上,而是掛在次匿名函數的命名空間下,如:

複製程式碼 程式碼如下:






如果同一個匿名函數中的程式非常複雜,變數名稱很多,命名空間可以進一步擴展,產生二級命名空間:
複製程式碼 程式碼如下:




因生成命名空間是非常常用的功能,可以進一步將生成命名空間的功能定義成一個函數,方便調用,如下:
複製程式碼 程式碼如下:



調用命名空間具體操作:
複製代碼程式碼如下:


依序類似,無論多人的直接團隊開發,還是個人的間接團隊合作,都需要良好的可維護性。

1、加入必要的程式碼註解

2、讓JS不產生衝突,需避免全域變數的氾濫,合理使用命名空間
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

C++ 函數的局部變數和全域變數有什麼不同? C++ 函數的局部變數和全域變數有什麼不同? Apr 19, 2024 pm 03:42 PM

C++局部變數和全域變數的差異:可見性:局部變數僅限於定義函數,而全域變數在整個程式中可見。記憶體分配:局部變數在堆疊上分配,而全域變數在全域資料區分配。作用域:局部變數在函數內,而全域變數在整個程式中。初始化:局部變數在函數呼叫時初始化,而全域變數在程式啟動時初始化。重新創建:局部變數在每次函數呼叫時重新創建,而全域變數僅在程式啟動時創建。

解決PHP報錯:未找到指定的命名空間類 解決PHP報錯:未找到指定的命名空間類 Aug 18, 2023 pm 11:28 PM

解決PHP報錯:未找到指定的命名空間類別在使用PHP進行開發時,我們經常會遇到各種各樣的報錯資訊。其中一個常見的報錯就是「未找到指定的命名空間類別」。這個錯誤通常是由於引入的類別檔案沒有被正確地命名空間引用所引起的。本文將介紹如何解決這個問題,並提供一些程式碼範例。首先,讓我們來看看一個常見的報錯訊息範例:Fatalerror:UncaughtError:C

go語言有靜態全域變數麼 go語言有靜態全域變數麼 Jul 11, 2023 pm 03:37 PM

go語言沒有靜態全域變量,它使用了一種更靈活的方式來處理全域變量的需求,全域變量通常是在包級被聲明,也就是在函數外部聲明的變量,這些變量在整個包中均是可見的,可以在套件中的任何函數中使用。

php request什麼意思 php request什麼意思 Jul 07, 2021 pm 01:49 PM

request的中文意思是“請求”,是php中的一個全域變量,是一個包含了“$_POST”、“$_GET”和“$_COOKIE”的數組。 「$_REQUEST」變數可以取得POST或GET方式提交的資料、COOKIE資訊。

如何在F3框架中使用命名空間(Namespace)? 如何在F3框架中使用命名空間(Namespace)? Jun 03, 2023 am 08:02 AM

F3框架是一款簡單易用,靈活可擴充的PHPWeb框架,它的命名空間(Namespace)機制為我們提供了一個更規範、可讀性更強、程式碼結構更為清晰的程式設計方式。在這篇文章中,我們將探討如何在F3框架中使用命名空間。一、什麼是命名空間命名空間常被用來解決在PHP中命名衝突的問題,它可以將一個或多個類別、函數或常數封裝在一個命名空間中,相當於為它們加上一個前綴。例

Redis的命名空間與過期機制的設計想法與實作方式 Redis的命名空間與過期機制的設計想法與實作方式 May 11, 2023 am 10:40 AM

Redis是一個開源的高效能的鍵值儲存資料庫。在使用Redis進行資料儲存的時候,我們需要考慮到鍵的命名空間與過期機制的設計,來維護Redis的效能和資料完整性。本文將介紹Redis的命名空間和過期機制的設計想法和實作方式。一、Redis的命名空間設計思路在Redis中,鍵是可以任意設定的。為了方便管理和區分不同的資料類型,Redis引入了命名空間的概念。命

在JavaScript中實現全域變數的安全性 在JavaScript中實現全域變數的安全性 Jun 15, 2023 pm 10:33 PM

隨著JavaScript的流行,越來越多的網站和應用程式都依賴JavaScript。然而,JavaScript中全域變數的使用可能存在安全性問題。在此文中,我將介紹如何在JavaScript中實現全域變數的安全性。避免使用全域變數最好的方法是避免使用全域變數。在JavaScript中,所有變數都預設為全域變量,除非它們在函數中聲明。因此,應盡可能使用局部變數

C++語法錯誤:使用了未定義的命名空間,怎麼處理? C++語法錯誤:使用了未定義的命名空間,怎麼處理? Aug 21, 2023 pm 09:49 PM

C++是一種廣泛使用的高階程式語言,它具有很高的靈活性和可擴展性,但同時也需要開發者嚴格掌握其語法規則才能避免錯誤。其中,常見的錯誤之一就是「使用了未定義的命名空間」。本文將介紹該錯誤的含義、出現原因和解決方法。一、什麼是使用了未定義的命名空間?在C++中,命名空間是一種組織可重複使用程式碼的方式,以便保持程式碼的模組性和可讀性。使用命名空間的方式可以使同名的函數

See all articles