JS學習筆記

學習網站: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 字面量

基本類型

  1. 數字(Number)字面量 可以是整數或者是小數,或者是科學計數(e)。
  2. 字符串(String)字面量 可以使用單引號或雙引號 。
  3. 表達式字面量 用於計算。
  4. 數組(Array)字面量 定義一個數組:
    [40, 100, 1, 5, 25, 10]
  5. 對象(Object)字面量 定義一個對象:
    {firstName:”John”, lastName:”Doe”, age:50, eyeColor:”blue”}
  6. 函數(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 語句時,請留意是否關閉大小寫切換鍵。
函數 getElementByIdgetElementbyID 是不同的。
同樣,變量 myVariable 與 MyVariable 也是不同的。
空格

JavaScript 會忽略多餘的空格。

您可以向腳本添加空格,來提高其可讀性。下面的兩行代碼是等效的:

var person="Hege";
var person = "Hege";

對代碼行進行折行

您可以在文本字符串中使用反斜槓對代碼行進行換行。下面的例子會正確地顯示:

document.write("你好 \
世界!");

不過,您不能像這樣折行:

document.write \ 
("你好世界!");
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章