多學習前端開發的小伙伴都會遇到這樣的問題:在JavaScript中全局變量經常會引起命名沖突,甚至有時侯重寫變量不是按照想像中的順序來。避免全局變量名沖突的最好辦法還是創建命名空間,接下來千鋒廣州Web培訓老師就給大家分享在JavaScript中創建命名空間的幾種常用方法。
JavaScript的執行環境由各種各樣的全局變量構成,這些全局變量先于函數執行環境而創建、這些全局變量都掛載于“全局對象”下。當名稱有沖突時就會產生一些不可控的問題,比如命名沖突、代碼的脆弱性、難以測試等。
?在編程開發中合理的使用命名空間可以避免相同的變量或對象名稱產生的沖突,而且命名空間也有助于組織代碼有更強的可維護性和可讀性。JavaScript中雖然沒有提供原生的命名空間支持,但我們可以使用其他的方法(對象和閉包)實現類似的效果。
1、單一全局變量
JavaScript中一個流行的命名空間模式是選擇一個全局變量作為主要的引用對象,因為每個可能的全局變量都成為唯一全局變量的屬性,也就不用再創建多個全局變量,也就避免了和其他聲明的沖突。不過單一全局變量模式已經在不少的JavaScript類庫中使用,如:YUI定義了唯一的YUI全局對象,jQuery定義了$和jQuery,$由其他類庫使用時使用jQuery等。示例如下:
var myApplication=(function() {
function() {
// ***
},
return {
// **
}
})();
2、命名空間前綴
命名空間前綴模式其思路非常清晰,就是選擇一個獨特的命名空間,然后在其后面聲明聲明變量、方法和對象。示例如下:
var=myApplication_propertyA={};
var=myApplication_propertyA={};
function myApplication_myMethod() {
// ***
}
從某種程度上來說,它確實減少了命名沖突的發生概率,但其并沒有減少全局變量的數目,在使用這種模式時一定要特別注意。
3、對象字面量表示法
對象字面量模式可以認為是包含一組鍵值對的對象,每一對鍵和值由冒號分隔,鍵也可以是代碼新的命名空間。示例如下:
var myApplication={
// 可以很容易的為對象字面量定義功能
getInfo:function() {
// ***
},
// 可以進一步支撐對象命名空間
models:{},
views:{
pages:{}
},
collections:{}
};
對象字面量為我們提供了優雅的鍵/值語法,我們可以非常便捷的組織代碼封裝不同的邏輯或功能,而且可讀性、可維護性、可擴展性極強。
4、嵌套命名空間
嵌套命名空間模式可以說是對象字面量模式的升級版、它也是一種有效的避免沖突模式、因為即使一個命名空間存在、它也不太可能擁有同樣的嵌套子對象、示例如下:
var myApplication=myApplication || {};
// 定義嵌套子對象
myApplication.routers=myApplication.routers || {};
myApplication.routers.test=myApplication.routers.test || {};
當然、我們也可以選擇聲明新的嵌套命名空間或屬性作為索引屬性、如:
myApplication[′routers′]=myApplication[′routers′] || {};
使用嵌套命名空間模式可以使代碼易讀且有組織性,而且相對安全、不易產生沖突,其弱點是如果我們的命名空間嵌套過多會增加瀏覽器的查詢工作量。
5、立即調用的函數表達式
立即調用函數(IIFE)實際上就是匿名函數,被定義后立即被調用。IIFE是用于封裝應用程序邏輯的常用方法,以保護它免受全局名稱空間的影響。示例如下:
// 命名空間和undefined作為參數傳遞,確保:
// 1.命名空間可以在局部修改,不重寫函數外部上下文
// 2.undefined 的參數值是確保undefined,避免ES5規范里定義的undefined
(function (namespace, undefined) {
// 私有屬性
var foo="foo";
bar="bar";
// 公有方法和屬性
namespace.foobar="foobar";
namespace.sayHello=function () {
say("Hello World!");
};
// 私有方法
function say(str) {
console.log("You said:" str);
};
})(window.namespace=window.namespace || {});
可擴展性是任何可伸縮命名空間模式的關鍵,使用IIFE可以輕松實現這一目的,我們可以再次使用IIFE給命名空間添加更多的功能。
6、命名空間注入
命名空間注入是IIFE的另一個變體,從函數包裝器內部為一個特定的命名空間“注入”方法和屬性,使用this作為命名空間代理,這種模式的優點是可以將功能行為應用到多個對象或命名空間。示例如下:
var myApplication=myApplication || {};
myApplication.utils={};
(function () {
var value=5;
this.getValue=function () {
return value;
}
// 定義新的子命名空間
this.tools={};
}).apply(myApplication.utils);
(function () {
this.diagnose=function () {
return "diagnose";
}
}).apply(myApplication.utils.tools);
// 同樣的方式在普通的IIFE上擴展功能,僅僅將上下文作為參數傳遞并修改,而不是僅僅使用this,如果你經常被全局變量沖突困擾,一定要牢記JavaScript命名空間知識點。
ML 命名空間提供避免元素命名沖突的方法。
命名沖突
在 XML 中,元素名稱是由開發者定義的,當兩個不同的文檔使用相同的元素名時,就會發生命名沖突。
這個 XML 攜帶 HTML 表格的信息:
<table>
<tr>
<td>Apples</td>
<td>Bananas</td>
</tr>
</table>
這個 XML 文檔攜帶有關桌子的信息(一件家具):
<table>
<name>African Coffee Table</name>
<width>80</width>
<length>120</length>
</table>
假如這兩個 XML 文檔被一起使用,由于兩個文檔都包含帶有不同內容和定義的 <table> 元素,就會發生命名沖突。
XML 解析器無法確定如何處理這類沖突。
使用前綴來避免命名沖突
在 XML 中的命名沖突可以通過使用名稱前綴從而容易地避免。
該 XML 攜帶某個 HTML 表格和某件家具的信息:
<h:table>
<h:tr>
<h:td>Apples</h:td>
<h:td>Bananas</h:td>
</h:tr>
</h:table>
<f:table>
<f:name>African Coffee Table</f:name>
<f:width>80</f:width>
<f:length>120</f:length>
</f:table>
在上面的實例中,不會有沖突,因為兩個 <table> 元素有不同的名稱。
XML 命名空間 - xmlns 屬性
當在 XML 中使用前綴時,一個所謂的用于前綴的命名空間必須被定義。
命名空間是在元素的開始標簽的 xmlns 屬性中定義的。
命名空間聲明的語法如下。xmlns:前綴="URI"。
<root>
<h:table xmlns:h="http://www.w3.org/TR/html4/">
<h:tr>
<h:td>Apples</h:td>
<h:td>Bananas</h:td>
</h:tr>
</h:table>
<f:table xmlns:f="http://www.w3cschool.cc/furniture">
<f:name>African Coffee Table</f:name>
<f:width>80</f:width>
<f:length>120</f:length>
</f:table>
</root>
在上面的實例中,<table> 標簽的 xmlns 屬性定義了 h: 和 f: 前綴的合格命名空間。
當命名空間被定義在元素的開始標簽中時,所有帶有相同前綴的子元素都會與同一個命名空間相關聯。
命名空間,可以在他們被使用的元素中或者在 XML 根元素中聲明:
<root xmlns:h="http://www.w3.org/TR/html4/"
xmlns:f="http://www.w3cschool.cc/furniture">
<h:table>
<h:tr>
<h:td>Apples</h:td>
<h:td>Bananas</h:td>
</h:tr>
</h:table>
<f:table>
<f:name>African Coffee Table</f:name>
<f:width>80</f:width>
<f:length>120</f:length>
</f:table>
</root>
注釋:命名空間 URI 不會被解析器用于查找信息。
其目的是賦予命名空間一個惟一的名稱。不過,很多公司常常會作為指針來使用命名空間指向實際存在的網頁,這個網頁包含關于命名空間的信息。
請訪問 http://www.w3.org/TR/html4/。
統一資源標識符(URI,全稱 Uniform Resource Identifier)
統一資源標識符(URI)是一串可以標識因特網資源的字符。
最常用的 URI 是用來標識因特網域名地址的統一資源定位器(URL)。另一個不那么常用的 URI 是統一資源命名(URN)。
在我們的實例中,我們僅使用 URL。
默認的命名空間
為元素定義默認的命名空間可以讓我們省去在所有的子元素中使用前綴的工作。它的語法如下:
xmlns="namespaceURI"
這個 XML 攜帶 HTML 表格的信息:
<table xmlns="http://www.w3.org/TR/html4/">
<tr>
<td>Apples</td>
<td>Bananas</td>
</tr>
</table>
這個XML攜帶有關一件家具的信息:
<table xmlns="http://www.w3schools.com/furniture">
<name>African Coffee Table</name>
<width>80</width>
<length>120</length>
</table>
實際使用中的命名空間
XSLT 是一種用于把 XML 文檔轉換為其他格式的 XML 語言,比如 HTML。
在下面的 XSLT 文檔中,您可以看到,大多數的標簽是 HTML 標簽。
非 HTML 的標簽都有前綴 xsl,并由此命名空間標識:xmlns:xsl="http://www.w3.org/1999/XSL/Transform":
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr>
<th align="left">Title</th>
<th align="left">Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="artist"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
PHP 命名空間(namespace)是在PHP 5.3中加入的,如果你學過C#和Java,那命名空間就不算什么新事物。 不過在PHP當中還是有著相當重要的意義。
PHP 命名空間可以解決以下兩類問題:
定義命名空間
默認情況下,所有常量、類和函數名都放在全局空間下,就和PHP支持命名空間之前一樣。
命名空間通過關鍵字namespace 來聲明。如果一個文件中包含命名空間,它必須在其它所有代碼之前聲明命名空間。語法格式如下;
<?php // 定義代碼在 'MyProject' 命名空間中 namespace MyProject; // ... 代碼 ...
你也可以在同一個文件中定義不同的命名空間代碼,如:
<?php namespace MyProject; const CONNECT_OK=1; class Connection { /* ... */ } function connect() { /* ... */ } namespace AnotherProject; const CONNECT_OK=1; class Connection { /* ... */ } function connect() { /* ... */ } ?>
不建議使用這種語法在單個文件中定義多個命名空間。建議使用下面的大括號形式的語法。
<?php namespace MyProject { const CONNECT_OK=1; class Connection { /* ... */ } function connect() { /* ... */ } } namespace AnotherProject { const CONNECT_OK=1; class Connection { /* ... */ } function connect() { /* ... */ } } ?>
將全局的非命名空間中的代碼與命名空間中的代碼組合在一起,只能使用大括號形式的語法。全局代碼必須用一個不帶名稱的 namespace 語句加上大括號括起來,例如:
<?php namespace MyProject { const CONNECT_OK=1; class Connection { /* ... */ } function connect() { /* ... */ } } namespace { // 全局代碼 session_start(); $a=MyProject\connect(); echo MyProject\Connection::start(); } ?>
在聲明命名空間之前唯一合法的代碼是用于定義源文件編碼方式的 declare 語句。所有非 PHP 代碼包括空白符都不能出現在命名空間的聲明之前。
<?php declare(encoding='UTF-8'); //定義多個命名空間和不包含在命名空間中的代碼 namespace MyProject { const CONNECT_OK=1; class Connection { /* ... */ } function connect() { /* ... */ } } namespace { // 全局代碼 session_start(); $a=MyProject\connect(); echo MyProject\Connection::start(); } ?>
以下代碼會出現語法錯誤:
<html> <?php namespace MyProject; // 命名空間前出現了“<html>” 會致命錯誤 - 命名空間必須是程序腳本的第一條語句 ?>
子命名空間
與目錄和文件的關系很像,PHP 命名空間也允許指定層次化的命名空間的名稱。因此,命名空間的名字可以使用分層次的方式定義:
<?php namespace MyProject\Sub\Level; //聲明分層次的單個命名空間 const CONNECT_OK=1; class Connection { /* ... */ } function Connect() { /* ... */ } ?>
上面的例子創建了常量 MyProject\Sub\Level\CONNECT_OK,類 MyProject\Sub\Level\Connection 和函數 MyProject\Sub\Level\Connect。
命名空間使用
PHP 命名空間中的類名可以通過三種方式引用:
下面是一個使用這三種方式的實例:
file1.php 文件代碼
<?php namespace Foo\Bar\subnamespace; const FOO=1; function foo() {} class foo { static function staticmethod() {} } ?>
file2.php 文件代碼
<?php namespace Foo\Bar; include 'file1.php'; const FOO=2; function foo() {} class foo { static function staticmethod() {} } /* 非限定名稱 */ foo(); // 解析為函數 Foo\Bar\foo foo::staticmethod(); // 解析為類 Foo\Bar\foo ,方法為 staticmethod echo FOO; // 解析為常量 Foo\Bar\FOO /* 限定名稱 */ subnamespace\foo(); // 解析為函數 Foo\Bar\subnamespace\foo subnamespace\foo::staticmethod(); // 解析為類 Foo\Bar\subnamespace\foo, // 以及類的方法 staticmethod echo subnamespace\FOO; // 解析為常量 Foo\Bar\subnamespace\FOO /* 完全限定名稱 */ \Foo\Bar\foo(); // 解析為函數 Foo\Bar\foo \Foo\Bar\foo::staticmethod(); // 解析為類 Foo\Bar\foo, 以及類的方法 staticmethod echo \Foo\Bar\FOO; // 解析為常量 Foo\Bar\FOO ?>
注意訪問任意全局類、函數或常量,都可以使用完全限定名稱,例如 \strlen() 或 \Exception 或 \INI_ALL。
在命名空間內部訪問全局類、函數和常量:
<?php namespace Foo; function strlen() {} const INI_ALL=3; class Exception {} $a=\strlen('hi'); // 調用全局函數strlen $b=\INI_ALL; // 訪問全局常量 INI_ALL $c=new \Exception('error'); // 實例化全局類 Exception ?>
命名空間和動態語言特征
PHP 命名空間的實現受到其語言自身的動態特征的影響。因此,如果要將下面的代碼轉換到命名空間中,動態訪問元素。
example1.php 文件代碼:
<?php class classname { function __construct() { echo __METHOD__,"\n"; } } function funcname() { echo __FUNCTION__,"\n"; } const constname="global"; $a='classname'; $obj=new $a; // prints classname::__construct $b='funcname'; $b(); // prints funcname echo constant('constname'), "\n"; // prints global ?>
必須使用完全限定名稱(包括命名空間前綴的類名稱)。注意因為在動態的類名稱、函數名稱或常量名稱中,限定名稱和完全限定名稱沒有區別,因此其前導的反斜杠是不必要的。
動態訪問命名空間的元素
<?php namespace namespacename; class classname { function __construct() { echo __METHOD__,"\n"; } } function funcname() { echo __FUNCTION__,"\n"; } const constname="namespaced"; include 'example1.php'; $a='classname'; $obj=new $a; // 輸出 classname::__construct $b='funcname'; $b(); // 輸出函數名 echo constant('constname'), "\n"; // 輸出 global /* 如果使用雙引號,使用方法為 "\\namespacename\\classname"*/ $a='\namespacename\classname'; $obj=new $a; // 輸出 namespacename\classname::__construct $a='namespacename\classname'; $obj=new $a; // 輸出 namespacename\classname::__construct $b='namespacename\funcname'; $b(); // 輸出 namespacename\funcname $b='\namespacename\funcname'; $b(); // 輸出 namespacename\funcname echo constant('\namespacename\constname'), "\n"; // 輸出 namespaced echo constant('namespacename\constname'), "\n"; // 輸出 namespaced ?>
namespace關鍵字和__NAMESPACE__常量
PHP支持兩種抽象的訪問當前命名空間內部元素的方法,__NAMESPACE__ 魔術常量和namespace關鍵字。
常量__NAMESPACE__的值是包含當前命名空間名稱的字符串。在全局的,不包括在任何命名空間中的代碼,它包含一個空的字符串。
__NAMESPACE__ 示例, 在命名空間中的代碼
<?php namespace MyProject; echo '"', __NAMESPACE__, '"'; // 輸出 "MyProject" ?>
__NAMESPACE__ 示例,全局代碼
<?php echo '"', __NAMESPACE__, '"'; // 輸出 "" ?>
常量 __NAMESPACE__ 在動態創建名稱時很有用,例如:
使用__NAMESPACE__動態創建名稱
<?php namespace MyProject; function get($classname) { $a=__NAMESPACE__ . '\\' . $classname; return new $a; } ?>
關鍵字 namespace 可用來顯式訪問當前命名空間或子命名空間中的元素。它等價于類中的 self 操作符。
namespace操作符,命名空間中的代碼
<?php namespace MyProject; use blah\blah as mine; // see "Using namespaces: importing/aliasing" blah\mine(); // calls function blah\blah\mine() namespace\blah\mine(); // calls function MyProject\blah\mine() namespace\func(); // calls function MyProject\func() namespace\sub\func(); // calls function MyProject\sub\func() namespace\cname::method(); // calls static method "method" of class MyProject\cname $a=new namespace\sub\cname(); // instantiates object of class MyProject\sub\cname $b=namespace\CONSTANT; // assigns value of constant MyProject\CONSTANT to $b ?>
namespace操作符, 全局代碼
<?php namespace\func(); // calls function func() namespace\sub\func(); // calls function sub\func() namespace\cname::method(); // calls static method "method" of class cname $a=new namespace\sub\cname(); // instantiates object of class sub\cname $b=namespace\CONSTANT; // assigns value of constant CONSTANT to $b ?>
使用命名空間:別名/導入
PHP 命名空間支持 有兩種使用別名或導入方式:為類名稱使用別名,或為命名空間名稱使用別名。
在PHP中,別名是通過操作符 use 來實現的. 下面是一個使用所有可能的三種導入方式的例子:
1、使用use操作符導入/使用別名
<?php namespace foo; use My\Full\Classname as Another; // 下面的例子與 use My\Full\NSname as NSname 相同 use My\Full\NSname; // 導入一個全局類 use \ArrayObject; $obj=new namespace\Another; // 實例化 foo\Another 對象 $obj=new Another; // 實例化 My\Full\Classname 對象 NSname\subns\func(); // 調用函數 My\Full\NSname\subns\func $a=new ArrayObject(array(1)); // 實例化 ArrayObject 對象 // 如果不使用 "use \ArrayObject" ,則實例化一個 foo\ArrayObject 對象 ?>
2、 一行中包含多個use語句
<?php use My\Full\Classname as Another, My\Full\NSname; $obj=new Another; // 實例化 My\Full\Classname 對象 NSname\subns\func(); // 調用函數 My\Full\NSname\subns\func ?>
導入操作是在編譯執行的,但動態的類名稱、函數名稱或常量名稱則不是。
3、導入和動態名稱
<?php use My\Full\Classname as Another, My\Full\NSname; $obj=new Another; // 實例化一個 My\Full\Classname 對象 $a='Another'; $obj=new $a; // 實際化一個 Another 對象 ?>
另外,導入操作只影響非限定名稱和限定名稱。完全限定名稱由于是確定的,故不受導入的影響。
4、導入和完全限定名稱
<?php use My\Full\Classname as Another, My\Full\NSname; $obj=new Another; // 實例化 My\Full\Classname 類 $obj=new \Another; // 實例化 Another 類 $obj=new Another\thing; // 實例化 My\Full\Classname\thing 類 $obj=new \Another\thing; // 實例化 Another\thing 類 ?>
使用命名空間:后備全局函數/常量
在一個命名空間中,當 PHP 遇到一個非限定的類、函數或常量名稱時,它使用不同的優先策略來解析該名稱。類名稱總是解析到當前命名空間中的名稱。因此在訪問系統內部或不包含在命名空間中的類名稱時,必須使用完全限定名稱,例如:
1、在命名空間中訪問全局類
<?php namespace A\B\C; class Exception extends \Exception {} $a=new Exception('hi'); // $a 是類 A\B\C\Exception 的一個對象 $b=new \Exception('hi'); // $b 是類 Exception 的一個對象 $c=new ArrayObject; // 致命錯誤, 找不到 A\B\C\ArrayObject 類 ?>
對于函數和常量來說,如果當前命名空間中不存在該函數或常量,PHP 會退而使用全局空間中的函數或常量。
2、 命名空間中后備的全局函數/常量
<?php namespace A\B\C; const E_ERROR=45; function strlen($str) { return \strlen($str) - 1; } echo E_ERROR, "\n"; // 輸出 "45" echo INI_ALL, "\n"; // 輸出 "7" - 使用全局常量 INI_ALL echo strlen('hi'), "\n"; // 輸出 "2" if (is_array('hi')) { // 輸出 "is not array" echo "is array\n"; } else { echo "is not array\n"; } ?>
全局空間
如果沒有定義任何命名空間,所有的類與函數的定義都是在全局空間,與 PHP 引入命名空間概念前一樣。在名稱前加上前綴 \ 表示該名稱是全局空間中的名稱,即使該名稱位于其它的命名空間中時也是如此。
使用全局空間說明
<?php namespace A\B\C; /* 這個函數是 A\B\C\fopen */ function fopen() { /* ... */ $f=\fopen(...); // 調用全局的fopen函數 return $f; } ?>
命名空間的順序
自從有了命名空間之后,最容易出錯的該是使用類的時候,這個類的尋找路徑是什么樣的了。
<?php namespace A; use B\D, C\E as F; // 函數調用 foo(); // 首先嘗試調用定義在命名空間"A"中的函數foo() // 再嘗試調用全局函數 "foo" \foo(); // 調用全局空間函數 "foo" my\foo(); // 調用定義在命名空間"A\my"中函數 "foo" F(); // 首先嘗試調用定義在命名空間"A"中的函數 "F" // 再嘗試調用全局函數 "F" // 類引用 new B(); // 創建命名空間 "A" 中定義的類 "B" 的一個對象 // 如果未找到,則嘗試自動裝載類 "A\B" new D(); // 使用導入規則,創建命名空間 "B" 中定義的類 "D" 的一個對象 // 如果未找到,則嘗試自動裝載類 "B\D" new F(); // 使用導入規則,創建命名空間 "C" 中定義的類 "E" 的一個對象 // 如果未找到,則嘗試自動裝載類 "C\E" new \B(); // 創建定義在全局空間中的類 "B" 的一個對象 // 如果未發現,則嘗試自動裝載類 "B" new \D(); // 創建定義在全局空間中的類 "D" 的一個對象 // 如果未發現,則嘗試自動裝載類 "D" new \F(); // 創建定義在全局空間中的類 "F" 的一個對象 // 如果未發現,則嘗試自動裝載類 "F" // 調用另一個命名空間中的靜態方法或命名空間函數 B\foo(); // 調用命名空間 "A\B" 中函數 "foo" B::foo(); // 調用命名空間 "A" 中定義的類 "B" 的 "foo" 方法 // 如果未找到類 "A\B" ,則嘗試自動裝載類 "A\B" D::foo(); // 使用導入規則,調用命名空間 "B" 中定義的類 "D" 的 "foo" 方法 // 如果類 "B\D" 未找到,則嘗試自動裝載類 "B\D" \B\foo(); // 調用命名空間 "B" 中的函數 "foo" \B::foo(); // 調用全局空間中的類 "B" 的 "foo" 方法 // 如果類 "B" 未找到,則嘗試自動裝載類 "B" // 當前命名空間中的靜態方法或函數 A\B::foo(); // 調用命名空間 "A\A" 中定義的類 "B" 的 "foo" 方法 // 如果類 "A\A\B" 未找到,則嘗試自動裝載類 "A\A\B" \A\B::foo(); // 調用命名空間 "A" 中定義的類 "B" 的 "foo" 方法 // 如果類 "A\B" 未找到,則嘗試自動裝載類 "A\B" ?>
名稱解析遵循下列規則:
筆記:
可以把非限定名稱類比為文件名(例如 comment.php)、.限定名稱類比為相對路徑名(例如 ./article/comment.php)、完全限定名稱類比為絕對路徑名(例如 /blog/article/comment.php),這樣可能會更容易理解。
再添一例:
*請認真填寫需求信息,我們會在24小時內與您取得聯系。