回上頁 - 網頁JavaScript語法

004、變數宣告和指定值

1、什麼是變數？儲存資料的地方

範例：輸出未宣告的變數 a

<script>
$(document).ready(function(){

    alert(a);
});
</script>

會輸出變數a未被定義的錯誤訊息：Uncaught ReferenceError: a is not defined

var a;宣告變數 a、還未定義值
var a=5;宣告變數 a、並設定值為 5
var a=5; b=10; c=15;同時宣告三個變數，用逗號隔開
var say="你好啊！";宣告變數 say，並設定字串值
var z=(a>5);宣告變數 z，並設定值為判斷式
var z=(a+b+c);變數值可以是運算式
var z= getCount();變數值可以是函式

基本上變數值都是自己指定的，什麼結果值都可以，只要不出錯，所以等號右邊寫法只要是運算式都可以

2、宣告變數：使用變數前要先宣告變數，也會產生其型別

範例1：

<script>
$(document).ready(function(){

    var x=5;
    for(let x=6; x<10; x++){
        document.write("裡面的："+x+"
");
    }
    document.write("外面的："+x+"
");
});
</script>

結果：
裡面的：6
裡面的：7
裡面的：8
裡面的：9
外面的：10
//外面宣告的 var x 和 for 迴圈裡宣告的 var x 是同一個

範例2：將 for 迴圈裡的 x 用 let 宣告，代表它是區域變數，只能用在 for 迴圈裡面

<script>
$(document).ready(function(){

    var x=5;
    for(let x=6; x<10; x++){
        document.write("裡面的："+x+"
");
    }
    document.write("外面的："+x+"
");
});
</script>

結果：
裡面的：6
裡面的：7
裡面的：8
裡面的：9
外面的：5
//外面宣告的 var x 和 for 迴圈裡宣告的 let x 不是同一個

 

3、變數命名規則建議

A-Z、a-z、0-9、_ 底線、$ 金錢符號 建議只使用這些符號做為變數的命名
數字不可以當變數開頭 
不可以使用系統關鍵字例如：if、write、alert、script、var
計數用變數只用一個字母例如：x=1、n=1、k=0
變數用有意義的單字命名例如：my、home
駝峰式命名法isCount、getFuncSum

4、JQuery程式碼撰寫地點

在網頁文件中，是由上而下解讀出來的，所以HTML語法要在JQuery語法之前，才不會漏讀網頁元件

JQuery語法是可以寫在任何地方的，像是CSS語法也是

<head>
<script>
$(document).ready(function(){

    document.write("Hello");
});
</script>
</head>



......
......
......
<script>
$(document).ready(function(){

        document.write("Hello");
});
</script>
</body>
</html>


......
......
......
</body>
</html>
<script>
$(document).ready(function(){

        document.write("Hello");
});
</script>
shape
shape