02-JavaScript語法2-V1.0-Domino技術(shù)課課件

JavaScript語法時間：10mJavaScript語法JavaScript變量JavaScript數(shù)據(jù)類型JavaScript對象JavaScript函數(shù)JavaScript運算符JavaScript比較JavaScript變量變量是存儲信息的容器。在代數(shù)中，我們使用字母（比如x）來保存值（比如2）。通過上面的表達(dá)式z=x+y，我們能夠計算出z的值為5。在JavaScript中，這些字母被稱為變量。提示：您可以把變量看做存儲數(shù)據(jù)的容器。JavaScript變量JavaScript變量命名變量必須以字母開頭變量也能以$和_符號開頭（不過我們不推薦這么做）變量名稱對大小寫敏感（y和Y是不同的變量）JavaScript數(shù)據(jù)類型JavaScript變量有很多種類型當(dāng)您向變量分配文本值時，應(yīng)該用雙引號或單引號包圍這個值。當(dāng)您向變量賦的值是數(shù)值時，不要使用引號。如果您用引號包圍數(shù)值，該值會被作為文本來處理。例子JavaScript變量聲明（創(chuàng)建）JavaScript變量在JavaScript中創(chuàng)建變量通常稱為“聲明”變量在下面的例子中，我們創(chuàng)建了名為carname的變量，并向其賦值"Volvo"，然后把它放入id="demo"的HTML段落中：一個好的編程習(xí)慣是，在代碼開始處，統(tǒng)一對需要的變量進(jìn)行聲明。JavaScript變量一條語句，多個變量可以在一條語句中聲明很多變量。該語句以var開頭，并使用逗號分隔變量即可聲明也可橫跨多行Value=undefined在計算機程序中，經(jīng)常會聲明無值的變量。未使用值來聲明的變量，其值實際上是undefined。重新聲明JavaScript變量如果重新聲明JavaScript變量，該變量的值不會丟失：JavaScript數(shù)據(jù)類型字符串?dāng)?shù)字布爾數(shù)組對象NullUndefinedJavaScript擁有動態(tài)類型JavaScript擁有動態(tài)類型。這意味著相同的變量可用作不同的類型：JavaScript數(shù)據(jù)類型JavaScript字符串字符串是存儲字符（比如"BillGates"）的變量。字符串可以是引號中的任意文本。您可以使用單引號或雙引號：您可以在字符串中使用引號，只要不匹配包圍字符串的引號即可：JavaScript數(shù)據(jù)類型JavaScript數(shù)字JavaScript只有一種數(shù)字類型。數(shù)字可以帶小數(shù)點，也可以不帶：極大或極小的數(shù)字可以通過科學(xué)（指數(shù)）計數(shù)法來書寫：JavaScript數(shù)據(jù)類型JavaScript布爾布爾（邏輯）只能有兩個值：true或false。JavaScript數(shù)據(jù)類型JavaScript數(shù)組下面的代碼創(chuàng)建名為cars的數(shù)組：或者(condensedarray):或者(literalarray):數(shù)組下標(biāo)是基于零的，所以第一個項目是[0]，第二個是[1]，以此類推。JavaScript數(shù)據(jù)類型JavaScript對象對象由花括號分隔。在括號內(nèi)部，對象的屬性以名稱和值對的形式(name:value)來定義。屬性由逗號分隔：上面例子中的對象(person)有三個屬性：firstname、lastname以及id?？崭窈驼坌袩o關(guān)緊要。聲明可橫跨多行：對象屬性有兩種尋址方式：JavaScript數(shù)據(jù)類型Undefined和NullUndefined這個值表示變量不含有值?？梢酝ㄟ^將變量的值設(shè)置為null來清空變量。聲明變量類型當(dāng)您聲明新變量時，可以使用關(guān)鍵詞"new"來聲明其類型：JavaScript變量均為對象。當(dāng)您聲明一個變量時，就創(chuàng)建了一個新的對象。JavaScript對象JavaScript中的所有事物都是對象：字符串、數(shù)字、數(shù)組、日期，等等。在JavaScript中，對象是擁有屬性和方法的數(shù)據(jù)。JavaScript對象屬性和方法屬性是與對象相關(guān)的值。方法是能夠在對象上執(zhí)行的動作。舉例：汽車就是現(xiàn)實生活中的對象。汽車的屬性：汽車的方法：汽車的屬性包括名稱、型號、重量、顏色等。所有汽車都有這些屬性，但是每款車的屬性都不盡相同。汽車的方法可以是啟動、駕駛、剎車等。所有汽車都擁有這些方法，但是它們被執(zhí)行的時間都不盡相同。JavaScript對象JavaScript中的對象在JavaScript中，對象是數(shù)據(jù)（變量），擁有屬性和方法。當(dāng)您像這樣聲明一個JavaScript變量時：您實際上已經(jīng)創(chuàng)建了一個JavaScript字符串對象。字符串對象擁有內(nèi)建的屬性length。對于上面的字符串來說，length的值是5。字符串對象同時擁有若干個內(nèi)建的方法。屬性方法在面向?qū)ο蟮恼Z言中，屬性和方法常被稱為對象的成員。JavaScript對象創(chuàng)建JavaScript對象JavaScript中的幾乎所有事務(wù)都是對象：字符串、數(shù)字、數(shù)組、日期、函數(shù)，等等。你也可以創(chuàng)建自己的對象。本例創(chuàng)建名為"person"的對象，并為其添加了四個屬性：創(chuàng)建新JavaScript對象有很多不同的方法，并且您還可以向已存在的對象添加屬性和方法。JavaScript對象訪問對象的屬性訪問對象屬性的語法是：本例使用String對象的length屬性來查找字符串的長度：在以上代碼執(zhí)行后，x的值是：12訪問對象的方法您可以通過下面的語法調(diào)用方法：這個例子使用String對象的toUpperCase()方法把文本轉(zhuǎn)換為大寫：在以上代碼執(zhí)行后，x的值是：HELLOWORLD!JavaScript函數(shù)屬性進(jìn)一步說明了該元素的顯示或使用特性。屬性一般用屬性名和值描述，值可以用英文的雙引號或單引號引起來，也可以不使用任何引號。例如<bodytext=”red”>。有的屬性單獨使用，存在表示使用，不存在表示不使用。例如復(fù)選框的checked屬性，<inputtype='checkbox'checked>AppleJavaScript函數(shù)函數(shù)是由事件驅(qū)動的或者當(dāng)它被調(diào)用時執(zhí)行的可重復(fù)使用的代碼塊。JavaScript函數(shù)語法函數(shù)就是包裹在花括號中的代碼塊，前面使用了關(guān)鍵詞function：當(dāng)調(diào)用該函數(shù)時，會執(zhí)行函數(shù)內(nèi)的代碼。可以在某事件發(fā)生時直接調(diào)用函數(shù)（比如當(dāng)用戶點擊按鈕時），并且可由JavaScript在任何位置進(jìn)行調(diào)用。JavaScript函數(shù)調(diào)用帶參數(shù)的函數(shù)在調(diào)用函數(shù)時可以向其傳遞值，這些值被稱為參數(shù)。這些參數(shù)可以在函數(shù)中使用。您可以發(fā)送任意多的參數(shù)，由逗號(,)分隔：當(dāng)您聲明函數(shù)時，請把參數(shù)作為變量來聲明：變量和參數(shù)必須以一致的順序出現(xiàn)。第一個變量就是第一個被傳遞的參數(shù)的給定的值，以此類推。上面的函數(shù)會當(dāng)按鈕被點擊時提示"WelcomeBillGates,theCEO"。函數(shù)很靈活，您可以使用不同的參數(shù)來調(diào)用該函數(shù)，這樣就會給出不同的消息：JavaScript函數(shù)帶有返回值的函數(shù)有時，我們會希望函數(shù)將值返回調(diào)用它的地方。通過使用return語句就可以實現(xiàn)。在使用return語句時，函數(shù)會停止執(zhí)行，并返回指定的值。函數(shù)調(diào)用將被返回值取代：varmyVar=myFunction();myVar變量的值是5，也就是函數(shù)"myFunction()"所返回的值。即使不把它保存為變量，您也可以使用返回值：document.getElementById("demo").innerHTML=myFunction();帶有參數(shù)及返回值計算兩個數(shù)字的乘積，并返回結(jié)果：希望退出函數(shù)時，也可使用return語句。如下例，返回值是可選的：functionmyFunction(a,b){if(a>b){return;}x=a+b}如果a大于b，則上面的代碼將退出函數(shù)，并不會計算a和b的總和。JavaScript函數(shù)局部JavaScript變量在JavaScript函數(shù)內(nèi)部聲明的變量（使用var）是局部變量，所以只能在函數(shù)內(nèi)部訪問它。（該變量的作用域是局部的）。您可以在不同的函數(shù)中使用名稱相同的局部變量，因為只有聲明過該變量的函數(shù)才能識別出該變量。只要函數(shù)運行完畢，本地變量就會被刪除。全局JavaScript變量在函數(shù)外聲明的變量是全局變量，網(wǎng)頁上的所有腳本和函數(shù)都能訪問它。JavaScript變量的生存期JavaScript變量的生命期從它們被聲明的時間開始。局部變量會在函數(shù)運行以后被刪除。全局變量會在頁面關(guān)閉后被刪除。向未聲明的JavaScript變量來分配值如果您把值賦給尚未聲明的變量，該變量將被自動作為全局變量聲明。這條語句：carname="Volvo";將聲明一個全局變量carname，即使它在函數(shù)內(nèi)執(zhí)行。JavaScript運算符運算符=用于賦值。運算符+用于加值。運算符=用于給JavaScript變量賦值。算術(shù)運算符+用于把值加起來。在以上語句執(zhí)行后，x的值是7。JavaScript運算符JavaScript算術(shù)運算符算術(shù)運算符用于執(zhí)行變量與/或值之間的算術(shù)運算。給定

y=5，下面的表格解釋了這些算術(shù)運算符：JavaScript運算符JavaScript賦值運算符賦值運算符用于給JavaScript變量賦值。給定x=10和y=5，下面表格解釋了賦值運算符：JavaScript運算符用于字符串的+運算符“+”

運算符用于把文本值或字符串變量加起來（連接起來）。如需把兩個或多個字符串變量連接起來，請使用+運算符。在以上語句執(zhí)行后，變量txt3包含的值是"Whataveryniceday"。要想在兩個字符串之間增加空格，需要把空格插入一個字符串之中：或者把空格插入表達(dá)式中：在以上語句執(zhí)行后，變量txt3包含的值是："Whataveryniceday"JavaScript運算符對字符串和數(shù)字進(jìn)行加法運算請看這些例子：例子JavaScript比較比較和邏輯運算符用于測試true或false比較運算符比較運算符在邏輯語句中使用，以測定變量或值是否相等。給定x=5，下面的表格解釋了比較運算符：。如何使用

可以在條件語句中使用比較運算符對值進(jìn)行比較，然后根據(jù)結(jié)果來采取行動：if(age<18)document.write("Tooyoung");JavaScript比較邏輯運算符邏輯運算符用于測定變量或值之間的邏輯。給定x=6以及y=3，下表解釋了邏輯運算符：條件運算符JavaScript還包含了基于某些條件對變量進(jìn)行賦值的條件運算符。語法variablename=(condition)?value1:value2例子greeting=(visitor