1. 程式人生 > >JavaScript DOM程式設計藝術(第2版)第二章 語法

JavaScript DOM程式設計藝術(第2版)第二章 語法

一.變數

把值存在變數的操作——賦值
JavaScript可以直接對變數賦值而不需事先宣告。
如果在對某個變數賦值前沒有宣告,賦值操作會自動宣告該變數。var age;
JavaScript中變數不能包含空格或標點符號
變數可以使用駝峰命名

二.資料型別

1.必須明確型別宣告的語言——強型別
js中不用進行型別宣告——弱型別
2.字串var mod= ‘happy’; var mod = “happy”;
數字:不用限制他必須為一個整數,js中允許使用帶小數點的數值
var age=98.55
也支援負數 var age =-5.333
3.布林值Boolean只有兩個可選項true和false
4.陣列:用一個變量表示一個值的集合,集合中的每個值都是這個陣列的一個元素。
陣列的長度length
var Beatles= Array(4)從0開始計數,長度為4,是從0-3
陣列元素可以是字串,布林值,數字,可以混合組成。陣列中還可以包含陣列。
關聯陣列“可以使用字串來代替數字值,程式碼可讀性提高”

<script>
    var lon = Array();
    lon["name"]="John";
    lon["year"]=1940;
    lon["living"]=false;
</script>

5.物件
物件的每個值都是物件的一個屬性。

//寫法一
<script>
    var lon = Object();
    lon.name = "John";
    lon.year = 1940;
    lon.living = false;
</script>
//寫法二(多用)
<script>
    var lon ={
        name:"John",
        year:1940,
        living;false
    }
</script>

三.操作

1.算術操作符

+  -  * /

字串拼接:var mes = "I am "+“happy”

四.條件語句

1.比較操作符

> >= == === < <=

2.邏輯操作符

邏輯與&&
邏輯或||
邏輯非!

五.迴圈語句

1.while
2. do while
3. for

六.函式

<script>
    function multiply(num1,num2) {
        var total=num1*num2;
        alert(total);
    }
    multiply(2,3);
</script>

1.全域性變數和區域性變數
2.作用域
3.函式中使用var為函式設定關鍵字,函式中使用var則為區域性變數。

<script>
    function square(num) {
        sum = num*num;
        return sum;
    }
    var sum = 50;
    var number = square(20);
    alert(sum);//400
</script>

物件

1.包含在物件中的資料可以通過屬性和方法來訪問
屬性:是屬於某個特定物件的變數
方法:只有某個特定物件才能呼叫函式
物件就是由一些屬性和方法組合在一起二構成的一個數據實體
2.內建物件

<script>
    var bea = new Array();
    len = bea.length;
    
    var num=7.569;
    var num=Math.round(num);
    alert(num);//8

    var current_date = new Date();
    var today = current_date.getDay();
    alert(today);//6——星期六
</script>

3.宿主物件
包括:Form,Image,Element。可以通過這些物件獲得關於網頁上表單 影象和各種表單元素等資訊