今天我們來(lái)講一下JavaScript中常用的CDATA。常見(jiàn)的場(chǎng)景是什么呢？在HTML文檔中，如果需要嵌入JavaScript代碼，我們希望這些代碼不會(huì)被瀏覽器誤認(rèn)為是HTML標(biāo)簽而導(dǎo)致解析錯(cuò)誤，這時(shí)候就要使用

標(biāo)簽了。

我們看一下一個(gè)例子，在HTML中嵌入JavaScript：

當(dāng)我們直接在HTML中嵌入JavaScript代碼時(shí)，會(huì)出現(xiàn)這樣的錯(cuò)誤：SyntaxError: unterminated string literal。這是因?yàn)殡p引號(hào)被HTML誤認(rèn)為是HTML標(biāo)簽中的屬性，而導(dǎo)致解析錯(cuò)誤。使用CDATA就可以避免這樣的問(wèn)題：

使用了CDATA后，即使代碼中有HTML標(biāo)簽，也不會(huì)被瀏覽器誤認(rèn)為是HTML標(biāo)簽而引起解析錯(cuò)誤。

那么在JavaScript文件中，也可以使用CDATA嗎？當(dāng)然可以。比如一個(gè)名為test.js的文件，其中的內(nèi)容為：

這樣在HTML中引入test.js文件時(shí)，就不會(huì)出現(xiàn)解析錯(cuò)誤了。

需要注意的是，CDATA使用時(shí)不能包含“]]>”這個(gè)字符串，否則會(huì)出現(xiàn)解析錯(cuò)誤。如果確實(shí)需要在代碼中使用這個(gè)字符串，可以拆分成多個(gè)CDATA。

在實(shí)際開(kāi)發(fā)中，我們多數(shù)情況下使用的是第一種場(chǎng)景，即在HTML文檔中嵌入JavaScript代碼。使用CDATA不僅可以避免解析錯(cuò)誤，也讓代碼更易讀。