1、Js設(shè)計(jì)思路:
(1)借鑒C語(yǔ)言的基本語(yǔ)法亏掀;
(2)借鑒Java語(yǔ)言的數(shù)據(jù)類(lèi)型和內(nèi)存管理忱反;
(3)借鑒Scheme語(yǔ)言,將函數(shù)提升到"第一等公民"(first class)的地位滤愕;
(4)借鑒Self語(yǔ)言温算,使用基于原型(prototype)的繼承機(jī)制。
他是函數(shù)式編程和面向?qū)ο笫骄幊痰幕旌袭a(chǎn)物
'它的優(yōu)秀之處并非原創(chuàng)间影,它的原創(chuàng)之處并不優(yōu)秀注竿。'
2、文件加載:LABjs和RequireJS
可以用<script>標(biāo)簽加載js:
弊端:嚴(yán)格的順序讀然瓯帷巩割;可能會(huì)導(dǎo)致性能問(wèn)題(瀏覽器采用"同步模式"加載<script>標(biāo)簽,也就是說(shuō)随橘,頁(yè)面會(huì)"堵塞"(blocking)喂分,等待javascript文件加載完成,然后再運(yùn)行后面的HTML代碼机蔗。當(dāng)存在多個(gè)<script>標(biāo)簽時(shí),瀏覽器無(wú)法同時(shí)讀取甘萧,必須讀取完一個(gè)再去讀取另一個(gè)萝嘁,造成讀取時(shí)間大大延長(zhǎng),頁(yè)面響應(yīng)緩慢扬卷。)
解決這一問(wèn)題的方案:
2.1牙言、DOM
function loadScript(url){
// 瀏覽器即時(shí)創(chuàng)造出script標(biāo)簽,異步讀取怪得,不會(huì)導(dǎo)致頁(yè)面堵塞
var script = document.createElement("script");
script.type = "text/javascript";
script.src = url;
document.body.appendChild(script);
}
但是咱枉,這樣加載的Javascript文件,不在原始的DOM結(jié)構(gòu)之中蚕断,因此在DOM-ready(DOMContentLoaded)事件和window.onload事件中指定的回調(diào)函數(shù)對(duì)它無(wú)效。
2.2入挣、LabJS
待優(yōu)化的js:
<script src="script1.js"></script>
<script src="script2-a.js"></script>
<script src="script2-b.js"></script>
<script type="text/javascript">
initScript1();
initScript2();
</script>
<script src="script3.js"></script>
<script type="text/javascript">
initScript3();
</script>
改寫(xiě):可以運(yùn)行多條$LAB鏈,且他們之間是獨(dú)立的,鏈內(nèi)部存在次序關(guān)系
<script src="LAB.js"></script>
<script type="text/javascript">
$LAB
.script("script1.js").wait()
.script("script2-a.js")
.script("script2-b.js")
.wait(function(){
initScript1();
initScript2();
})
.script("script3.js")
.wait(function(){
initScript3();
});
</script>
2.3障陶、RequireJS
<script src="require.js"></script>
<script type="text/javascript">
require([
"script1.js",
"script2-a.js",
"script2-b.js",
"script3.js"
],
function(){
initScript1();
initScript2();
initScript3();
}
);
</script>
require()接受兩個(gè)參數(shù),第一個(gè)數(shù)組表示所要加載的Javascript文件聊训,第二個(gè)是加載完成后所要運(yùn)行的回調(diào)函數(shù)抱究。原生的require()不支持按次序加載,所以四個(gè)Javascript文件到底先加載哪個(gè)带斑,無(wú)法事前知道,require()只保證這四個(gè)文件全部加載完成之后遏暴,才會(huì)運(yùn)行所指定的回調(diào)函數(shù)。
RequireJS文檔:https://requirejs.org/