JavaScript筆記總結(二)

語句

JavaScript 語句是發給浏覽器的指令，

document.getElementById("123").innerHTML = "你好";
// 向id="123" 的 HTML 元素輸出文本 "你好"

複制

可以用分号分隔 JavaScript 語句。如：

a = 5;
b = 6;
c = a + b;

複制

可以寫成

a = 5; b = 6; c = a + b;

複制

JavaScript 代碼塊

JavaScript 可以分批地組合起來。作用是一并地執行語句序列。以左花括号開始，以右花括号結束。

<h1>我是 Web 頁面</h1>
<p id="myPar">我是段落。</p>
<div id="myDiv">我是一個div。</div>
<p><button type="button" onclick="myFunction()">點選這裡</button></p>
<script>
function myFunction(){
	document.getElementById("myPar").innerHTML="hello";
	document.getElementById("myDiv").innerHTML="word";
}
</script>
//當點選上面的按鈕時， '我是段落。' 會被 'hello' 替代， '我是一個div。' 會被 'word' 取代 。

複制

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 會忽略多餘的空格，如

alert   (10);  等效于  	alert(10);

複制

可以在文本字元串中使用反斜杠對代碼行進行換行，如

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

複制

它也是腳本語言。浏覽器會在讀取代碼時，逐行地執行腳本代碼。而對于傳統程式設計來說，會在執行前對所有代碼進行編譯。

變量

變量必須以字母開頭
變量也能以 $ 和 _ 符号開頭(不推薦)
變量名稱對大小寫敏感（y 和 Y 是不同的變量）

var name; //用 var 關鍵詞來聲明變量，變量聲明之後，是空的 name="xiaoming"; //用等号向變量指派 var name="xiaoming"; //在聲明變量時直接指派 var name="zhangsan", age=18, sex="male"; //多個變量用逗号分隔 var x,y,z=1; //多個不可以用一條語句賦同一個值，x,y 為 undefined， z 為 1。

如果變量未指派，那麼它的值實際上是undefined

重新聲明 JavaScript 變量

如果重新聲明 JavaScript 變量，該變量指派，則為新值（擁有動态類型）；如不指派，則為舊值，不是undefined

資料類型

值類型(基本類型)：字元串（String）、數字(Number)、布爾(Boolean)、對空（Null）、未定義（Undefined）、Symbol。

引用資料類型：對象(Object)、數組(Array)、函數(Function)

字元串

字元串是存儲字元的變量，可以是引号中的任意文本（單引号或雙引号都行）

var answer="It's alright";
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';
var answer='ok';

複制

數字

隻有一種數字類型。數字可以帶小數點，也可以不帶。可以通過科學（指數）計數法來書寫

var x1=34.00;   //使用小數點來寫
var x2=34;     //不使用小數點來寫

var y=123e5;   // 12300000
var z=123e-5;   // 0.00123

複制

布爾

布爾（邏輯）隻能有兩個值：true 或 false。

var x=true;
var y=false;

複制

數組

var cars=new Array();    //建立名為 cars 的數組
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

複制

對象

可以使用字元來定義和建立 JavaScript 對象，空格跟換行不是必須的

由花括号分隔。在括号内部，對象的屬性以名稱和值對的形式 (name : value) 來定義，如下：

var person={
firstname :  "John",
lastname  :  "Doe",
id        :  5566
};

複制

對象屬性有兩種尋址方式
name=person.lastname;
name=person["lastname"];

複制

聲明變量類型

JavaScript 變量均為對象，當聲明新變量時，就建立了一個新的對象。

可以使用關鍵詞 “new” 來聲明其類型：

var carname=new String;
var     x  =   new Number;
var     y  =   new Boolean;
var  cars  =   new Array;
var person =   new Object;

複制

參考來源：https://www.runoob.com/js/js-syntax.html

函數

函數就是包裹在花括号中的代碼塊，前面使用了關鍵詞 function。

myFunction(argument1,argument2)  //可以發送任意多的參數，由逗号 (,) 分隔

複制

function functionname(){// 執行代碼}

複制

<p>點選這個按鈕，來調用帶參數的函數。</p>
<button onclick="myFunction('Harry Potter','Wizard')">點選這裡</button>
<script>
function myFunction(name,job){
	alert("Welcome " + name + ", the " + job);
}
</script>        //變量和參數必須以一緻的順序出現。第一個變量就是第一個被傳遞的參數的給定的值

複制

帶有傳回值的函數

function myFunction(a,b)
{
    return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
//傳回12

複制

局部 JavaScript 變量

函數内部聲明的變量（使用 var）是局部變量，是以隻能在函數内部通路它。

全局 JavaScript 變量

在函數外聲明的變量是全局變量，網頁上的所有腳本和函數都能通路它。

JavaScript 變量的生存期

JavaScript 變量的生命期從它們被聲明的時間開始。
局部變量會在函數運作以後被删除。
全局變量會在頁面關閉後被删除。

複制

參考來源：https://www.runoob.com/js/js-syntax.html