學習網站:http://www.runoob.com/js/js-tutorial.html
IOS-React-Native學習:http://www.cnblogs.com/jianglan/p/5027315.html
爲什麼學習 JavaScript?
JavaScript web 開發人員必須學習的 3 門語言中的一門:
1. HTML 定義了網頁的內容
2. CSS 描述了網頁的佈局
3. JavaScript 網頁的行爲
JavaScript 用法
HTML 中的腳本必須位於 標籤之間。
腳本可被放置在 HTML 頁面的 和 部分中。
JavaScript 輸出
JavaScript 可以通過不同的方式來輸出數據:
1. 使用 window.alert() 彈出警告框。
2. 使用 document.write() 方法將內容寫到 HTML 文檔中。
3. 使用 innerHTML 寫入到 HTML 元素。
4. 使用 console.log() 寫入到瀏覽器的控制檯。
document.getElementById(“demo”) 是使用 id 屬性來查找 HTML 元素的 JavaScript 代碼 。
innerHTML = “段落已修改。” 是用於修改元素的 HTML 內容(innerHTML)的 JavaScript 代碼。
document.write() 僅僅向文檔輸出寫內容。如果在文檔已完成加載後執行 document.write,整個 HTML 頁面將被覆蓋。
console.log() 程序中調試是測試,查找及減少bug(錯誤)的過程。
JavaScript 語法
JavaScript 字面量
基本類型
- 數字(Number)字面量 可以是整數或者是小數,或者是科學計數(e)。
- 字符串(String)字面量 可以使用單引號或雙引號 。
- 表達式字面量 用於計算。
- 數組(Array)字面量 定義一個數組:
[40, 100, 1, 5, 25, 10] - 對象(Object)字面量 定義一個對象:
{firstName:”John”, lastName:”Doe”, age:50, eyeColor:”blue”} - 函數(Function)字面量 定義一個函數:
function myFunction(a, b) { return a * b;}
JavaScript 變量
JavaScript 使用關鍵字 var 來定義變量, 使用等號來爲變量賦值:
注意:JavaScript 對大小寫敏感。
JavaScript 語句標識符
JavaScript 語句通常以一個 語句標識符 爲開始,並執行該語句。
語句標識符是保留關鍵字不能作爲變量名使用。
下表列出了 JavaScript 語句標識符 (關鍵字) :
語句 | 描述 |
---|---|
break | 用於跳出循環。 |
catch | 語句塊,在 try 語句塊執行出錯時執行 catch 語句塊。 |
continue | 跳過循環中的一個迭代。 |
do … while | 執行一個語句塊,在條件語句爲 true 時繼續執行該語句塊。 |
for | 在條件語句爲 true 時,可以將代碼塊執行指定的次數。 |
for … in | 用於遍歷數組或者對象的屬性(對數組或者對象的屬性進行循環操作)。 |
function | 定義一個函數 |
if … else | 用於基於不同的條件來執行不同的動作。 |
return | 退出函數 |
switch | 用於基於不同的條件來執行不同的動作。 |
throw | 拋出(生成)錯誤 。 |
try | 實現錯誤處理,與 catch 一同使用。 |
var | 聲明一個變量。 |
while | 當條件語句爲 true 時,執行語句塊。 |
JavaScript 對大小寫敏感。
JavaScript 對大小寫是敏感的。
當編寫 JavaScript 語句時,請留意是否關閉大小寫切換鍵。
函數 getElementById
與 getElementbyID
是不同的。
同樣,變量 myVariable
與 MyVariable 也是不同的。
空格
JavaScript 會忽略多餘的空格。
您可以向腳本添加空格,來提高其可讀性。下面的兩行代碼是等效的:
var person="Hege";
var person = "Hege";
對代碼行進行折行
您可以在文本字符串中使用反斜槓對代碼行進行換行。下面的例子會正確地顯示:
document.write("你好 \
世界!");
不過,您不能像這樣折行:
document.write \
("你好世界!");