《JavaScript Dom編程藝術》讀書筆記（二）

Aceyclee 發布于2019-08-19 18:23 / 1265人閱讀

摘要：邏輯非操作符只能作用于單個邏輯操作數，其結果是把那個邏輯操作數所返回的布爾值取反。如果那個邏輯操作數所返回的布爾值是，邏輯非操作符將把它取反為為了避免產生歧義，上面這條語句把邏輯操作數放在了括號里，使邏輯非操作符作用于括號里的所有內容。

算術操作符

加減乘除這些算術操作中的每一種都必須借助于相應的操作符才能完成。操作符是JavaScript為完成各種操作而定義的一些符號。等號(=)、加號(+)、減號(-)、乘號(*)、除號(/)。

下面是一個簡單的加法操作：

1 + 4

還可以把多種操作組合在一起：

1 + 4 * 5

為避免產生歧義，可以用括號把不同的操作分隔開來：

1 + (4 * 5)
(1 + 4) * 5

變量可以包含操作：

var total = (1 + 4) * 5;

還可以對變量進行操作：

var temp_fahrenheit = 95;
var temp_celsius = (temp_fahrenheit - 32) / 1.8;

JavaScript還提供了一些非常有用的操作符作為各種常用操作的縮寫。例如，如果想給一個數值變量加上1，可以使用如下所示的語句：

year = year + 1;

也可以使用++操作符來達到同樣的目的：

year++;

類似地，--操作符將對一個數值變量的值進行減1操作。

加號（+）是一個比較特殊的操作符，既可以用于數值，也可以用于字符串。把兩個字符串合二為一是一種很直觀易懂的操作：

var message = "I am feeling" + "happy";

像這樣把多個字符串首尾相連在一起的操作叫做拼接。這種拼接也可以通過變量來完成：

var mood = "happy";
var message = "I am feeling" + mood;

甚至可以把數值和字符串拼接在一起。因為JavaScript是一種弱類型語言，所以這種操作是允許的。此時，數值將會被自動轉換為字符串：

var year = 2005;
var message = "The year is" + year;

如果把字符串拼接在一起，其結果將是一個更長的字符串；但是如果用同樣的操作符來“拼接”兩個數值，其結果將是那兩個數值的算術和。對比下面兩條alert語句的執行結果：

alert ("10" + 20);
alert (10 + 20);

第一條alert語句將返回字符串“1020”，第二條alert語句將返回數值30。第一條是對字符串“10”和數值20進行拼接的結果。第二條是對數值10和數值20進行假發運算的結果。

另一個非常有用的快捷操作符是+=，它可以一次完成“加法和賦值”（或“拼接和賦值”）操作：

var year = 2010;
var message = "The year is";
message += year;

執行完上面這些語句后，變量message的值將是“The year is 2005”。可以用如下所示的alert對話框來驗證這一結果：

alert(message);

條件語句

在解釋腳本時，瀏覽器將依次執行這個腳本中的各條語句，我們可以在這個腳本中用條件語句來設置一個條件，只有滿足了這一條件才能讓更多的語句得到執行。最常見的條件語句是if語句，下面是if語句的基本語法：

if(condition) {
    statements;
}

條件必須放在if后面的圓括號中。條件的求之結果永遠是一個布爾值，即只能是true或false。花括號中的語句——不管他們有多少條，只有在給定條件的求值結果是true的情況下才會執行。因此，在下面這個例子中，alert消息永遠也不會出現：

if(1 > 2) {
    alert("The world has gone mad!")
}

因為1不可能大于2，所以上面這個條件的值永遠是false。

事實上，if語句中的花括號本身并不是必不可少的。如果if語句中的花括號部分只包含著一條語句的話，那就可以不使用花括號，而且這條if語句的全部內容可以寫在同一行上：

if(1 > 2) alert("The world has gone mad!");

不過，花括號可以提高腳本的可讀性，所以在if語句中總是使用花括號是個好習慣。

if語句可以有一個else字句。包含在else字句中的語句會在給定條件為假時執行：

if(1 > 2) {
    alert("The world has gone mad!")
} else {
    alert("All is well with the world")
}

因為給定條件“1 > 2”的值為假（false），所以最后彈框顯示else里面的內容。

比較操作符

JavaScript還提供了許多幾乎只能用在條件語句里的操作符，其中包括諸如大于(>)、小于(<)、大于或等于(>=)、小于或等于(<=)之類的比較操作符。

如果想比較兩個值是否相等，可以使用“等于”比較操作符。這個操作符由兩個等號構成（==）。單個等號（=）是用于完成賦值操作的。如果在條件語句的某個條件里使用了單個等號，那么只要相應的復制操作取得成功，那個條件的求值結果就將是true。

下面是一個錯誤地進行“等于”比較的例子：

var my_mood = "happy";
var your_mood = "sad";
if(my_mood = your_mood) {
    alert("We both feel the same.")
}

上面這條語句的錯誤之處在于，它是把變量your_mood賦值給變量my_mood，而不是在比較它們是否相等。因為這個賦值操作總會成功，所以這個條件語句的結果將永遠是true。

下面才是進行“等于”比較的正確做法：

var my_mood = "happy";
var your_mood = "sad";
if(my_mood == your_mood) {
    alert("We both feel the same.")
}

這次，條件語句的結果是false。

JavaScript還提供了一個用來進行“不等于”比較的操作符，它由一個感嘆號和一個等號構成（！=）。

if(my_mood != your_mood) {
    alert("We"re feeling different moods.")
}

相等操作符==并不表示嚴格相等，這一點很容易讓人迷糊。例如，比較false與一個空字符串會得到上面結果？

var a = false;
var b = "";
if(a == b) {
    alert("a equals b");
}

這個條件語句的求值結果是true，因為相等操作符==認為空字符與false的含義相同。要進行嚴格比較，就要使用另一種等號（===）。這個全等操作符會執行嚴格的比較，不僅比較值，而且會比較變量的類型：

var a = false;
var b = "";
if(a === b) {
    alert("a equals b");
}

這一次，條件表達式的求值結果就是false了。因為即使可以認為false與空字符串具有相同的含義，但Boolean布爾值和String字符串可不是一種類型。

對于不等操作符!=也是如此，比較嚴格不相等，就要使用!==。

邏輯操作符

JavaScript允許把條件語句里的操作組合在一起。例如，如果想檢查某個變量，假設這個變量的名字是num，它的值是不是在5 ~ 10之間，將需要進行兩次比較操作。首先，比較這個變量是否大于或等于5，然后，比較這個變量是否小于等于10.這兩次比較操作稱為邏輯比較。下面是把這兩個邏輯比較組合在一起的具體做法：

if ( num >= 5 && num <= 10 ) {
    alert("The number is in the right range.")
}

這里使用了“邏輯與”操作符，由兩個“&”字符構成，是一個邏輯操作符。

邏輯操作符的操作對象是布爾值。每個邏輯操作數返回一個布爾值true或者是false。“邏輯與”操作只有在它的兩個操作數都是true時才會是true。

“邏輯或”操作符由兩個垂直線字符構成。只要它的操作數中有一個是true，“邏輯或”的操作就將是true。如果它的兩個操作數都是true，“邏輯或”操作也將是true。只有當它的兩個操作數都是false時，“邏輯或”操作才會是false。

if ( num > 10 || num < 5 ) {
    alert("The number is not in the right range")
}

JavaScript還提供了一個“邏輯非”操作符，它由一個感嘆號( ! )多帶帶構成。“邏輯非”操作符只能作用于單個邏輯操作數，其結果是把那個邏輯操作數所返回的布爾值取反。如果那個邏輯操作數所返回的布爾值是true，“邏輯非”操作符將把它取反為false：

if ( !(1 > 2) ) {
    alert("All is well with the world");
}

為了避免產生歧義，上面這條語句把邏輯操作數放在了括號里，使“邏輯非”操作符作用于括號里的所有內容。

可以用“邏輯非”操作符把整個條件語句的結果顛倒過來。在下面的例子里，特意使用了一對括號來確保“邏輯非”操作符將作用于兩個邏輯操作數的組合結果：

if ( !(num > 10 || num < 5) ) {
    alert("The number is in the right range.")
}

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79526.html

《JavaScript Dom編程藝術》讀書筆記（二）

摘要：邏輯非操作符只能作用于單個邏輯操作數，其結果是把那個邏輯操作數所返回的布爾值取反。如果那個邏輯操作數所返回的布爾值是，邏輯非操作符將把它取反為為了避免產生歧義，上面這條語句把邏輯操作數放在了括號里，使邏輯非操作符作用于括號里的所有內容。算術操作符加減乘除這些算術操作中的每一種都必須借助于相應的操作符才能完成。操作符是JavaScript為完成各種操作而定義的一些符號。等號(=)、加...

caspar 2019-08-02 15:55 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（二）

摘要：邏輯非操作符只能作用于單個邏輯操作數，其結果是把那個邏輯操作數所返回的布爾值取反。如果那個邏輯操作數所返回的布爾值是，邏輯非操作符將把它取反為為了避免產生歧義，上面這條語句把邏輯操作數放在了括號里，使邏輯非操作符作用于括號里的所有內容。算術操作符加減乘除這些算術操作中的每一種都必須借助于相應的操作符才能完成。操作符是JavaScript為完成各種操作而定義的一些符號。等號(=)、加...

xingpingz 2019-08-30 13:04 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（三）

摘要：也就是說，仍將看到一條消息。這些語句執行完畢后，變量的值將是，盡管循環控制條件的求值結果是。循環最常見的用途之一是對某個數組里的全體元素進行遍歷處理。變量對于數組中每個元素都是從開始按遞增。循環語句 if語句唯一的不足是無法完成重復性的操作。在if語句里，包含在花括號里的代碼塊只能執行一次。如果需要多次執行同一個代碼塊，就必須使用循環語句。 while循環 while循環與if語句非...

xbynet 2019-08-19 18:24 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（四）

摘要：事實上，每個函數實際是一個短小的腳本。先對函數做出定義再調用是一個良好的編程習慣。可以將不同的數據傳遞給它們，而它們將使用這些數據去完成預定的操作。傳遞給函數的數據稱為參數。這個例子中，變量的值將是，這個數值由函數返回。函數如果需要多次使用同一段代碼，可以把它們封裝成一個函數。函數就是一組允許在你的代碼里隨時調用的語句。事實上，每個函數實際是一個短小的腳本。先對函數做出定義再調用...

JellyBool 2019-08-19 18:24 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（五）

摘要：可以創建一個函數并讓它返回一個數值一個字符串一個數組或一個布爾值。操作符可以告訴我們它的操作數是一個字符串數值函數布爾值還是對象，例如在瀏覽器中加載這個例子時，會彈出一個對話框，報告的類型它是一個對象。函數如果需要多次使用同一段代碼，可以把它們封裝成一個函數。函數就是一組允許在你的代碼里隨時調用的語句。事實上，每個函數實際是一個短小的腳本。先對函數做出定義再調用是一個良好的編程習...

levy9527 2019-08-19 18:24 評論0 收藏0