大名鼎鼎的Chrome瀏覽器的javascript引擎V8是開源的。你可以下載V8的源碼看。
2. 什麼是JavaScript源碼
源代碼就是，JavaScript的源代碼，就是JavaScript編譯的全部代碼
3. 一個網頁的Javascript源代碼，咋看不懂呢
做一個htm頁面,放一個大的textarea,命名id為 'txt'
然後將這段代碼放到一個script標簽里(要放到textarea後面)
將eval及最外層的括弧去掉.在
在最開始的地方寫下 document.getElementById('txt').innerHTML=
注意=後面不要回車,緊連後面的代碼就行了.
打開頁面,textarea里的內容就是解密過的了
4. 3. threejs源碼閱讀——math/euler
把Euler和Quaternion放在一起是因為他們都是跟旋轉相關的類（雖然Matrix也可以做旋轉，不過這里我們還是把歐拉和四元數單獨拿出來說）
首先來回顧一下歐拉角和四元數的幾個區別，這里不做詳細展開，有興趣的同學可以自己查查額外的資料：
這里再多提一句矩陣旋轉：
上面寫了那麼多，看起來我好像很偏袒四元數似的。確實，四元數在某些情況下非常好用，比如一個物體A繞著物體B的正方向軸做公轉的問題，只需一個正方向向量就可以輕松構建出四元數並解決這個問題。但在一些常見的簡單業務場景，比如物體繞著自身坐標系中某個軸自轉，完全可以用更直觀更簡單的歐拉旋轉來編寫邏輯。
不過說一千道一萬，threejs中的物體旋轉底層邏輯是用四元數解決的，矩陣和歐拉旋轉都只是一個表象。等我們分析到Object3D時會看到。
先來看看比較簡單的歐拉旋轉類。
通過構造函數我們可以知道，threejs中的歐拉角是默認按照XYZ軸的順序進行旋轉計算的，比較符合大多數人的習慣。除了構造函數外，歐拉對象還有其他的賦值方式：
但無論是哪種方式，我們可以看到順序都是必須要確定的。這里order是個可選參數，默認還是使用XYZ這個順序。
setFromVector3比較好理解，使用了三維向量的XYZ的值直接定義了XYZ軸上的旋轉角度：
setFromQuaternion和setFromRotationMatrix其實是一回事，最後都會調用setFromRotationMatrix。
在四元數賦值時，先把四元數轉換成了一個旋轉矩陣：
compose的方法中的具體邏輯就不贅述了，總之我們只要記住：
在setFromRotationMatrix中，我們可以看到threejs是如何通過旋轉矩陣來計算歐拉旋轉的。因為歐拉旋轉本身是跟順序相關的，所以內部有大量的cases判斷
最後我們發現會有一個參數是否控制回調函數_onChangeCallback()，不過這個參數一直是undefined，也就是說這個回調函數會被調用。
查找發現這個回調函數默認情況下啥都沒有，但是可以通過_onChange方法賦值。也許後面會用到，我們暫時放在一旁不管。
歐拉旋轉默認代表沿XYZ軸分別旋轉3個角度
歐拉旋轉可以用四元數、向量或矩陣賦值，用四元數會先轉換成位置000縮放111的4x4變換矩陣，再用矩陣賦值。
5. javascript中，一個js中的函數，第一句var _this = this;為什麼要這樣做 下面是源碼：
問題一:
不知道樓主有沒有接觸過jquery jquery里邊有一個特別典型的例子能說明用_this的作用
$("#btn").click(function(){
var _this = this;//這里this和_this都代表了"#btn"這個對象
$(".tr").each(function(){
this;//在這里this代表的是每個遍歷到的".tr"對象
_this;//仍代表"#btn"對象
})
})
這種情況就是在一個代碼片段里this有可能代表不同的對象,而編碼者希望_this代表最初的對象
問題2:
其實並沒有全部使用_this
但是據我所看,應該沒有任何區別的,樓主的代碼里用_this可能只是為了編碼規范吧
6. 哪些JavaScript 框架的源代碼最值得閱讀和學習
RubyLouvre/avalon · GitHub Object.defineProperty的極致使用及各種黑魔法
knockout/knockout · GitHub 觀察者模式的極致使用
jakearchibald/es6-promise · GitHub 目前最好的Promise實現
Polymer/observe-js 路 GitHub 強大的狀態機與最短編輯長度演算法
jquery/jquery · GitHub 最強的DOM兼容處理
7. javascript調用數組的問題
第一頁：第四課介紹
對於Java script來說有兩個主要部分：該語言本身及其目
標庫。在第2課介紹的語法中，我們已經研究了變數，語句
和if-then子句，這些是所有程序設計語言的組成部分。現在來
學習Java script語法的其餘部分。
對於Java script語法來說，我們僅剩下三個問題需要學習：
循環、數組和函數。
讓我們從循環開始。
第二頁：循環介紹
有時你想反復做同一件事。你想向某些人詢問一個口令，你不
斷地問，直到得到正確的口令。如果你只想給他們兩次嘗試的
機會，你可以這么做：
var the_password = "pass the wrench";
var answer = prompt("What's the woyd?","");
if (answer != the_password) {
answer = prompt("What's the woyd?","");
if (password != the_password) {
document.write("You lose!<p>");
} else {
document.write("That's right!<p>");
}
} else {
document.write("That's right!<p>");
}
不幸的是如果你想不住地問直到得到正確答案，上述做法是不
起作用的。假使你是想詢問四次而不是兩次，那這已經是很討
厭的事了。你將使用四個層次的if-then 子句，這決不是件好事。
反復做相似的事情的最好方法是使用一個循環(loop)。在這種
情況下，你可以用一個循環來不斷的要求口令直到這個人說出
為止。這里有一個while循環工作的例子，口令是：pass the
wrench。
第三頁：循環的密碼
那就是密碼！
讓我們逐行地來研究這個例子，如果你想看整個答案，可以查看源碼。
在這個典型的Java script序言之後，我們從雙變數申報開始：
var password="pass the wrench";
var answer;
這里我們定義該密碼作為一個字元串，我們申報一個稱為
answer的變數。你將理解為什麼我們不得不立即申報一
個answer。下面幾行是非常重要的：
while (answer != password)
{
answer = prompt("What's the woyd?","");
}
這是一個while循環。while 循環的一般格式為：
while (some test is true)
{
do the stuff inside the curly braces
}
上述幾行表明：「當answer不等價於Password時，執行提示
命令。」這一循環將持續地執行波形括弧內的語句直至測試
失敗。在使用者輸入的單詞與密碼一致(即Pass the wrench)的
情況下，測試必將失敗。
由於在對一個未申報的變數執行一個如(answer!=password)的
測試時，在某些瀏覽器上會產生錯誤，所以我們必須申
報answer。由於在while循環中將通過提示方案對answer賦值，
在我們第一次進行循環中，answer將沒有數值。提前定義它並
設定其處始值為「」。
由於不定義循環經常地使用，循環經常用來執行一組語句某一
特定的次數。這里用另一個循環來演示如何作這項工作。
第四頁：再談WHILE循環
我們已見到了很多所請求的X`S，現在復習一下：
第一步：請求X`S的數目
var width = prompt("How many x's would you like? (1-10 is
good)","5");
下一步，申報一些變數：
var a_line="";
var loop = 0;
現在，關鍵之處：
while (loop < width)
{
a_line = a_line + "x";
loop=loop+1;
}
即說：「當變數循環小於所請求的X`S行寬時，在該行加入另一
X然後在循環值上加1。」該循環將繼續加一X到該行並在循環值
上加1直到循環不在小於請求的行寬。請看下列源碼分析：
第一次
a_line = "" (because we initialized it to be "")
loop=0 (because we initialized it to be 0)
width=2 (because that's what the user asked for)
0 is less than 2 so
a_line = a_line + "x", so now a_line = "x"
loop=loop+1, so now loop = 1
返回循環：第二次
loop=1
width=2
a_line = "x"
1 is less than 2 so
a_line = a_line + "x", so now a_line = "xx"
loop=loop+1, so now loop = 2
返回循環：第3次
loop=2
width=2
a_line = "xx"
2 is NOT less than 2 so
fall out of the loop and do what follows
隨後是：
alert(a_line);
啟動一個警告對話框。
這種循環運用的如此普遍以至於程序員們開發了一些簡便
方式，條件循環可寫成這樣：
while (loop < width)
{
a_line += "x"; //this was a_line = a_line + "x";
loop++; //this was loop=loop+1;
}
首行，「x」，表示「本身加x」。若已有a_number=5，那麼可
寫成，a_number+=3，即是說：a_number=a_number+3。程序員
就是這么偷懶的。
下行，loop++，意味著「自身加1」。於是loop++即為：
loop=loop=1。它也可寫成loop+=1。這樣偷懶行為非常有效。
就象不止一種方式在一個數上加1一樣，也有不止一種方法來寫
一個循環。While循環不是唯一的循環模式，另一流行的循環
是for循環。
第五頁：For循環
上例中while循環可以寫成如下形式：
var a_line="";
var loop = 0;
while (loop < width)
{
a_line = a_line + "x";
loop=loop+1;
}
也可用For Loop寫成：
var a_line="";
for (loop=0; loop < width; loop++)
{
a_line = a_line + "x";
}
for循環的格式為：
for (initial value; test; increment)
{
do this stuff;
}
這樣，上述for loop設置loop=0並持續加1直到loop<width，這
和上例中while loop相同，僅是少了數行而已。都表示
「在a_line上加width次x」。
在我們練習使用循環之前應明白一件事：循環可以嵌套。這里
有一個關於嵌套循環的例子。
第六頁：嵌套循環
這是程序：
var height = prompt("How high do you
want the grid? (1-10 is good)","10");
var width= prompt("How wide do you want
the grid? (1-10 is good)","10");
var a_line;
var new_window =
window.open("/webmonkey/98/04/files1a
/grid.html","looper","width=400,height=400");
new_window.document.writeln("<h1>A Grid</h1>");
for (height_loop = 0; height_loop
< height; height_loop++)
{
a_line = "";
for (width_loop = 0;
width_loop < width; width_loop++)
{
a_line+="x";
}
new_window.document.writeln
(a_line + "<br>");
}
在請求高及寬後，打開一新窗口，並為它寫一個頭，進入for
循環。第一個for循環設a_line=「」。試一下不用該行做一下
本例，看看會發生什麼。在初始化a_line後，程序進入下一個
for循環，當寬達到所需值後，建立X`S行並將它顯現在新窗
口中。這些將發生height次。
好，現在你的任務：看一下這個循環練習並親自試著在看源碼
前寫一個。
第七頁：循環練習
循環練習程序要求一些字然後反向顯示。試著自己寫一下程
序，再看源碼了解其原理。問題不大了吧，現在開始學習數組。
第八頁：數組
我們已了解變數可是數字、字元串及對象參數。還有一個
Javascript的重要部分：數組。
數組是一種列表。各種列表比如名單、URL以顏色列表都可以存
儲在數組中。
這里我們生成顏色的數組：
var colors = new Array("red","blue","green");
現在你就有了一個數組，你能對它做什麼呢？數組的優點在於
數組中的各個元素可以通過數字調用。第一個元素的數字是0，
可以用以下方式調用：
var the_element = colors[0];
執行這一行JavaScript指令時，變數the_element所被賦予的值
是字元串"red" 。通過寫出數組的名稱並將數組中元素的順序號
放在方括弧內就可調用數組中的該元素。數組中第2個元素的順
序號是1。
一旦生成數組後，你可以添加和修改數組值。如果你打算將顏
色數組的第1個元素有紅色該為紫色，你可以這樣做：
colors[0] = "purple";
數組經常用於循環。下文將講數組和循環的應用。
第九頁：數組和循環
數組是一項非常有用的東西，因為你可以循環調用數組中的各
個元素執行某項功能。以下是循環顯示一個URL數組中的各個元素
的例子。
首先，要使該例子發揮作用，我們需要聲明一些變數：
var url_names = new Array("hits.org","awaken.org","bianca.com");
var a_url;
接下來，我們循環調用數組中的各個元素，打開每
個URL並對待用戶點擊alert框的OK按鈕：
for (loop = 0; loop <url_names.length; loop++)
{
// make the name of a url, for example http://www.hits.org/
a_url = "http://www." + url_names[loop] + "/";
// open a window
var new_window=open(a_url,"new_window","width=300,height=300");
// wait for the click
alert("hit ok for the next site");
}
首先，你會注意到循環從0一直到url_names.length這個變數。
將.length放在數組名的後面由於告訴你數組中有多少個元素。
但是，注意數組元素的數目同數組最後一個元素的索引號（順
序號）不同。如果數組中有3個元素，則數組的長度為3，但是
數組中最後一個元素的索引號卻是array[2].。這是因為數組中
第1個元素的索引號是array[0].。如果你執行數組調用時得到
諸如"object not found" 的錯誤信息，而你的代碼中有一個
數組，則有可能是因為你將數組元素的索引號同數組中元素的
數目混淆了。
不也許還會注意到將.length放在數組的結尾處很有點想給一個
對象附加一些屬性。這是因為數組本身就是對象，而length就
是數組的一項屬性。
數組術語對象的另一個表現是：你需要用新指令才能生成新的
數組。在上例中，url_names = new Array(......) 實際可以
解釋為：生成一個新數組，用url_names對其做一個引用。你可
以注意到單詞"new" 以這種方式被應用時，就生成了一個新的
對象。
循環中的第1行生成一個變數。其賦值為一個字元串。
a_url = "http://www." + url_names[loop] + "/";
循環開始時，變數循環的初始值為0。url_names數組的第1個元
素是字元串"hits.org".，所以在第一次循環中，變數a_url等
值於字元串"http://www.hits.org/".。
循環的下一行用該URL打開一個窗口
var new_window=open(a_url,"new_window","width=300,height=300");
由於每次打開窗口時我們給窗口起的名稱都一樣，所以在轉到
新的URL時，不會打開許多窗口。如果我們在上例中去掉窗口
名稱"new_window"，則每次循環時就會打開一個新窗口。
循環的第3行只是打開一個alert框，並對待用戶點擊OK 按鈕。
數組還可以由於其它元素，而不只是字元串。數組可以應用
於JavaScript文件對象模塊（Document Object Model）的各個
方面。>>
第十頁：文件目標模塊中的數組
下面是onClick=""鏈接中的代碼：
var change=prompt('Change which image (0 or 1)?','');
window.document.images[change].src='three.jpg';
本例打算用圖片交換來演示數組如何介入DOM的。如果你用的
是IE3.0或Netscape2.0，趕緊升級。試一下本例，看一下源碼。
document.image_name.src = 'some_image.gif';
為了做這事，每個圖片都需命名到。若你不知要交換的圖片
名，但卻知道其在HTML頁中的順序。可以用它的DOM數來指定該
圖片。
一個HTML文件中的第一個圖片是document.images[0]，第二個
是document.images[1]，如此類推。若你想知道一個文件中有
多少個圖片，你可檢查圖片數組長度知道：
document.imageslength。例如，你想改變你的網頁中所有圖形
為一個Spacer GLF圖片，你可以這樣做：
for (loop = 0; loop < document.images.length; loop++)
{
document.images[loop].src = 'spacer.gif';
}
清楚了吧？
好。下面我們准備三步是函數。函數學習中，我們要做一些
練習，並有一些作業。
進入函數學習課程。
第十一頁：函數
函數是編程需學的最後一個基本組成。所有的程序語言都是
函數。函數是一些角次可調用的、無須重寫的東西。
如果你想教會自己快速閱讀並且用一個一旦點擊可告訴你當前
時間的長文本鏈接。
例如…時間!
看源碼：
<a href="#" onClick="
var the_date = new Date();
var the_hour = the_date.getHours();
var the_minute = the_date.getMinutes();
var the_second = the_date.getSeconds();
var the_time = the_hour + ':' + the_minute + ':' + the_second;
alert('The time is now: ' + the_time);">time!</a>
在這里這段JavaScript的工作細節並不重要；一會我們再回來
復習一下。
重要的是它太長了。若這些時間鏈接再有10個，你須每次剪貼
這段程序。這使你的HTML既長且難看。另外，若你想改變這段
程序，就必須在10個不同地方改變。
你可以寫一個函數來執行而不用作10次拷貝程序。這里的函數
使用變的即容易編輯又容易閱讀。
請看如何寫一段計時函數。
第十二頁：無參數函數
該HTML頁含有一個叫做announceTime的函數。從一個鏈接調用
annoumnceTime：
<a href="#" onClick="announceTime();">time!</a>
就象這樣：
下行看起來就象第二課：
<a href="#" onClick="alert('Hello!');">Hello!</a>
這稱為從一個鏈接調用警告對話框。函數就象一種方法，唯一不
同的是，方法依附於一個對象。在這個警告的例子中，這個對象
是一個窗口對象。
讓我們回到函數本身。如果你看看源碼，你將看到函數位於HTML
文件的頭部中。
<html>
<head>
<title>Function with No Parameters</title>
<script langauge="JavaScript">
<!-- hide me
function announceTime()
{
//get the date, the hour, minutes, and seconds
var the_date = new Date();
var the_hour = the_date.getHours();
var the_minute = the_date.getMinutes();
var the_second = the_date.getSeconds();
//put together the string and alert with it
var the_time = the_hour + ":" + the_minute
+ ":" + the_second;
alert("The time is now: " + the_time);
}
// show me -->
</script>
</head>
<body>
...
</body>
</html>
好，讓我們逐行復習這個函數。首先，所有函數來自於該種格式：
function functionName(parameter list)
{
statements ...
}
函數的命名規則於變數差不多。第一個字元必須是字母或一標准符
號。其餘字元可為數字或一橫線。但必須保證函數不於已定義的變
量同名。否則將出現很糟糕的結果。我是用內部大寫的方式命名函
數以保證它們不與字元碰巧重名。
函數名後是一組參數。本例是無參數的函數，下一例中我們再舉例
描述。
參數後是函數的主體。這是一組當函數調用後是想運行的語句。在
下面幾個例子中，我打算利用這個報時器，所以讓我描述一下它是
怎樣工作的。
第一行：
var the_date = new Date();
取得一個新的日期對象。就象你在用數組時取得一個新的數組一
樣，在你要找出即時是什麼時間時你需要先取得一個日期對象。
當找到了一個新的日期對象，它自動重置到當前的日期和時間。
為了在對象以外得到這個信息，你必須使用這種對象方法：
這些方法從日期對象上取得了合適的數字。
var the_hour = the_date.getHours();
var the_minute = the_date.getMinutes();
var the_second = the_date.getSeconds();
你可能疑惑：我怎樣能假定日期對象知道何種方式？甚或我如何
知道有這樣一件事可作為日期對象？這些緣由應從Javascript
庫中獲取，我將盡我所能解釋內置Javascript對象，但不一定能
徹底的使你清楚。
函數的其他部分就很清楚了。它以這種方式調用返回數字，把它
們變成字元串，並且調用警告方式以彈出一個字元串對話框。注
意你可以在函數內部調用一個方式和函數。我們將詳盡討論。
現在如果你也玩透了時間鏈接，你可能注意到了有些什麼不對的
事。你每次可能會得到這樣的反饋：「12:12:04」，這是
getSecond()將返回值為「4」。那麼當你合成為時間時，你看到
的就是the_minute+「:」+the_second得到14:4而非是我們想要
的。解決它是個容易的事，需要個新的函數來修補分、秒合成值。
請看參數及返回值。
第十三頁：參數及返回值
盡管無參數的函數在減少寫源碼工作量，HTML源碼可讀性上很
有用，但有參數的函數會更為有用。
上一例中，當返回的分、秒值小於10時會有問題發生。我們想
要看到的秒值是04而非4。我們可以這樣做：
var the_minute = the_date.getMinutes();
if (the_minute < 10)
{
the_minute = "0" + the_minute;
}
var the_second = the_date.getSeconds();
if (the_second < 10)
{
the_second = "0" + the_second;
}
它會非常有效。但是注意，同樣的源碼你寫了兩次：若某件
東西小於10，則前面加「0」。所以要考慮當用同一代碼要多
次重寫時，用函數來做。本例中我寫了一個叫fixNumber的函數：
function fixNumber(the_number)
{
if (the_number < 10)
{
the_number = "0" + the_number;
}
return the_number;
}
fixNumber的參數是the_number。一個參數也是一個變數，當該
函數被調用時，其參數值也被設置。在本例中，我們這樣調用
函數：
var fixed_variable = fixNumber(4);
參數the_number在函數中設置為4。到現在你應該對fixNumber
的主體有了一定的了解。它的意思是：如果變數the_number小
於10，則在它的前面加一個0。這裡面新的內容是return指令：
返回the_number的值。在下面的情況中就會用到return指令：
var some_variable = someFunction();
變數some_variable的值是函數someFunction() 的返回值。
在fixNumber中，我加入: return the_number，則退出函數並
將返回the_number的值返回給任何一個等待被設置的變數。
所以，我這樣書寫代碼：
var fixed_variable = fixNumber(4);
the_number的初始值將通過函數調用被設置為4，然後由於4小
於10，所以the_number將被改為"04"。然後the_number值被
返回，而且變數fixed_variable將被設置為"04" 。
為了將fixNumber包括在原始函數announceTime()中，我添加了
如下內容：
function announceTime()
{
//get the date, the hour, minutes, and seconds
var the_date = new Date();
var the_hour = the_date.getHours();
var the_minute = the_date.getMinutes();
var fixed_minute = fixNumber(the_minute);
var the_second = the_date.getSeconds();
var fixed_second = fixNumber(the_second);
//put together the string and alert with it
var the_time = the_hour + ":" + fixed_minute + ":" + fixed_second;
alert("The time is now: " +the_time);
}
假定時間鏈接被點擊時，時間為12:04:05。用new Date()獲得
日期，用getHours()獲得小時，用前面所屬方法獲得分鍾，分
鍾在本例中應該是4, 然後調用fixNumber，其參數為the_minute:
var fixed_minute = fixNumber(the_minute);
當fixNumber()被調用時，參數the_number被設置為the_minute。
在本例中由於the_minute是4，所以the_number將被設置為4。
設置完參數後，我們進入函數主體。由於4小於10，the_number
被改變為"04"，然後the_number值用return指令返回。當"04"
被fixNumber返回後，本例fixed_minute就等於"04"。
我們一步一步來研究該過程。假定時間為12:04:05。
我們從函數announceTime()開始
the_minute = the_date.getMinutes();則the_minute = 4
fixed_minute = fixNumber(the_minute);等於函
數fixNumber()並將其值返回給fixed_minute
現在進入函數fixNumber()
函數fixNumber(the_number)fixNumber()用the_minute的
值調用，the_minute值是4，所以現在the_number = 4
如果(the_number < 10) {the_number = "0" +
the_number;}由於4小於10，所以the_number現在等於"04"
返回the_number值，退出該函數並返回值"04"
現在已經退出函數fixTime()，所以現在我們回
到announceTime()
該函數返回值為"04"，所以fixed_minute 現在等於"04"
該例用了一個只有一個參數的函數。實際上你可以為函數
設置多個參數。例如該函數輸入兩個數組並返回一個元素
列表。
第十四頁：多於一個參數的函數
這是我定義的一個數組：
var monkeys = new Array("mattmarg","wendy",
"kristin","tim","aaron", "luke");
var kittyphile = new Array("wendy", "ruby",
"roscoe", "tim");
var discophile = new Array("mattmarg",
"john travolta", "wendy");
var happy = new Array("tim", "wendy",
"stimpy", "aaron");
var cranky = new Array("ren", "mattmarg","luke");
隨著這些數組的定義，arrayIntersect函數給出，我們可輕
而易舉的發現那些網猴酷愛迪斯科：愛跳舞的網猴
注意到盡管John Travolta喜愛迪斯科，但他不在monkeys請
單中，則他就不是只愛跳舞的網猴為調用該函數值，可這么來：
<a href="#" onClick="arrayIntersect('dancing
monkeys',monkeys,discophile);">dancing monkeys</a>
這是個具有3個參數的函數：一個代表交叉的姓名，第一個數組，
及第二個數組。這也很容易發現愛貓的網猴名愛貓的網猴。
看一下源碼：
<a href="#" onClick="arrayIntersect('monkeys who love
cats',monkeys,kittyphile);">cat-loving monkeys</a>
讓我們看看arrayIntersect函數本身：
function arrayIntersect(intersect_name, array_1, array_2)
{
var the_list = "";
for (loop_1 = 0; loop_1 < array_1.length; loop_1++)
{
for (loop_2 = 0; loop_2 < array_2.length; loop_2++)
{
if (array_1[loop_1] == array_2[loop_2])
{
the_list = the_list + array_1[loop_1] + " ";
}
}
}
alert("the " + intersect_name + " are: "+ the_list);
}
看看你是否已經弄懂本例中的循環。關鍵是函數第一行：
function arrayIntersect(intersect_name, array_1, array_2)
這里定義了一個叫arrayIntersect的函數，它有3個參數。就象上
例，每個參數就象一個變數，當函數調用時賦值。因此，當函數被調
用時：
arrayIntersect('dancing monkeys',monkeys,discophile);
下列分配：
intersect_name = 'dancing monkeys'
array_1 = monkeys
array_2 = discophile
唯一需注意的是，你必須以正確的參數數目來調用函數。如果你一旦
象這樣調用arrayIntersect：
arrayIntersect(monkeys,discophile);
將會出錯。試一下看會發生什麼錯誤。
在任一標準的Javascript程序中，函數都是基本的部件。因此理解其
工作原理極其重要。這里是一個測試你對這項工作理解多少的練習。
再綜合地做一下本課中其它練習，再在你自己的瀏覽器中應用。
8. 如何查看 JavaScript 原生函數的源代碼
你就去看Chrome，firefox的源代碼，如果你真的很想看的話。
http://code.google.com/p/v8/source/browse/trunk/src/array.js
這個為V8 ArraySort的源代碼
9. js源碼在哪裡看
javascript的源碼 被嵌入到瀏覽器中一般是看不到的
如果是javascript語言寫的代碼，可以在頁面上右鍵--》 查看源碼，在head部分找到引入的javascript文件的路徑，然後再瀏覽器當前頁面的網址 加上該文件的路徑，就可以查看了
10. umijs@use-request源碼解讀
涉及ts的變數聲明、介面、類、函數、泛型等
ts語法知識
前提：定義了一個 Fecth 類，用於處理請求數據。
1）用法
2）源碼分析
第一次調用時，緩存中不存在數據，則會自動執行獲取數據
1）用法
2）源碼分析
當開啟 manual 禁止自動請求時，將 run 函數暴露給用戶調用。
如果 fetchKey 不存在，則新建 Fetch 實例，保存到 feches 對象中，並調用實例的 run ，最後返回調用結果數據。
如果 fetchKey 存在，則直接調用 Fetch 實例的 run 。
作用：在取數結束後設定 setTimeout 重新觸發下一輪取數。
1）用法
2）源碼分析
在 Fetch 類中 _run(...args: P) 的實際取值函數中，最後會判斷，是否設置了輪詢 pollingInterval ，設置了則開啟定時器。 注意，前提是當前頁面沒有被隱藏。
定時器及時銷毀：在 _run 函數最開始，會對現有的定時器先進行銷毀。
作用：設置 options.cacheKey 後開啟對請求結果緩存機制，下次請求前會優先返回緩存並在後台重新取數。
1）用法
2）源碼分析
每次請求都是創建一個 Fetch 實例，並用 fetchKey 進行唯一標識，並且調用 run 函數時，優先調用緩存實例。
1）用法
2）源碼分析
根據傳入的 config 配置來判斷是否進行防抖和節流分發處理。
1）用法
2）源碼分析
預載入本質是緩存機制，通過利用 useEffect 同步緩存實例, 保證緩存數據的最新，然後當需要用到數據時，優先調用緩存實例。
1）用法
2）源碼分析
1）用法
2）源碼分析
調用 mutate 傳入的方法
分頁：設置 options.paginated 支持分頁場景
載入更多：設置 options.loadMore 支持載入更多的情況
分頁和載入原理：在 useAsync 這個基礎請求 hook 基礎上再包一層 hook ，擴展取數參數與返回結果。
所以，不在此處多餘贅述了。
document.visibilityState ：表示下面 4 個可能狀態的值
hidden ：頁面在後台標簽頁中或者瀏覽器最小化
visible ：頁面在前台標簽頁中
prerender ：頁面在屏幕外執行預渲染處理 document.hidden 的值為 true
unloaded ：頁面正在從內存中卸載
visibilitychange 事件：當文檔從可見變為不可見或者從不可見變為可見時，會觸發該事件。
函數返回值只會在組件的初始渲染中起作用，後續渲染時會被忽略
分析：對於同一個實例，可能出現多次調用 _run 方法，導致 this.count 和 currentCount 出現數據不同步的情況，比如，第一次調用 _run 後，剛好執行「關鍵點 閉包取數」後，還未執行到 return , 又執行了 _run ，導致此時 this.count+=1 ，那麼第一次調用 _run.currentCount 的值比當前的 this.count 小1。
作用：保證 state 中的數據是最近一次訪問介面得到的數據
源碼github地址
用法地址
精讀《@umijs/use-request》源碼