js溫故而知新——學習廖雪峰的js教程

taohonghui 發布于2019-08-21 11:31 / 3194人閱讀

摘要：在設計時，有兩種比較運算符第一種是比較，它會自動轉換數據類型再比較，很多時候，會得到非常詭異的結果第二種是比較，它不會自動轉換數據類型，如果數據類型不一致，返回，如果一致，再比較。

數據類型和變量

數據類型
計算機顧名思義就是可以做數學計算的機器，因此，計算機程序理所當然地可以處理各種數值。但是，計算機能處理的遠不止數值，還可以處理文本、圖形、音頻、視頻、網頁等各種各樣的數據，不同的數據，需要定義不同的數據類型。在JavaScript中定義了以下幾種數據類型：

1.Number

JavaScript不區分整數和浮點數，統一用Number表示，以下都是合法的Number類型：

123; // 整數123
0.456; // 浮點數0.456
1.2345e3; // 科學計數法表示1.2345x1000，等同于1234.5
-99; // 負數
NaN; // NaN表示Not a Number，當無法計算結果時用NaN表示
Infinity; // Infinity表示無限大，當數值超過了JavaScript的Number所能表示的最大值時，就表示為Infinity

計算機由于使用二進制，所以，有時候用十六進制表示整數比較方便，十六進制用0x前綴和0-9，a-f表示，例如：0xff00，0xa5b4c3d2，等等，它們和十進制表示的數值完全一樣。

Number可以直接做四則運算，規則和數學一致：

1 + 2; // 3
(1 + 2) * 5 / 2; // 7.5
2 / 0; // Infinity
0 / 0; // NaN
10 % 3; // 1
10.5 % 3; // 1.5

注意%是求余運算。

2.字符串

字符串是以單引號"或雙引號"括起來的任意文本，比如"abc"，"xyz"等等。請注意，""或""本身只是一種表示方式，不是字符串的一部分，因此，字符串"abc"只有a，b，c這3個字符。

3.布爾值

布爾值和布爾代數的表示完全一致，一個布爾值只有true、false兩種值，要么是true，要么是false，可以直接用true、false表示布爾值，也可以通過布爾運算計算出來：

true; // 這是一個true值
false; // 這是一個false值
2 > 1; // 這是一個true值
2 >= 3; // 這是一個false值

&&運算是與運算，只有所有都為true，&&運算結果才是true：

true && true; // 這個&&語句計算結果為true
true && false; // 這個&&語句計算結果為false
false && true && false; // 這個&&語句計算結果為false

||運算是或運算，只要其中有一個為true，||運算結果就是true：

false || false; // 這個||語句計算結果為false
true || false; // 這個||語句計算結果為true
false || true || false; // 這個||語句計算結果為true

!運算是非運算，它是一個單目運算符，把true變成false，false變成true：

! true; // 結果為false
! false; // 結果為true
! (2 > 5); // 結果為true

布爾值經常用在條件判斷中，比如：

var age = 15;
if (age >= 18) {
    alert("adult");
} else {
    alert("teenager");
}

4.比較運算符

當我們對Number做比較時，可以通過比較運算符得到一個布爾值：

2 > 5; // false
5 >= 2; // true
7 == 7; // true

實際上，JavaScript允許對任意數據類型做比較：

false == 0; // true
false === 0; // false

要特別注意相等運算符==。JavaScript在設計時，有兩種比較運算符：

第一種是==比較，它會自動轉換數據類型再比較，很多時候，會得到非常詭異的結果；

第二種是===比較，它不會自動轉換數據類型，如果數據類型不一致，返回false，如果一致，再比較。

由于JavaScript這個設計缺陷，不要使用==比較，始終堅持使用===比較。

另一個例外是NaN這個特殊的Number與所有其他值都不相等，包括它自己：

NaN === NaN; // false

唯一能判斷NaN的方法是通過isNaN()函數：

isNaN(NaN); // true

最后要注意浮點數的相等比較：

1 / 3 === (1 - 2 / 3); // false

這不是JavaScript的設計缺陷。浮點數在運算過程中會產生誤差，因為計算機無法精確表示無限循環小數。要比較兩個浮點數是否相等，只能計算它們之差的絕對值，看是否小于某個閾值：

Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true

5.null和undefined

null表示一個“空”的值，它和0以及空字符串""不同，0是一個數值，""表示長度為0的字符串，而null表示“空”。

在其他語言中，也有類似JavaScript的null的表示，例如Java也用null，Swift用nil，Python用None表示。但是，在JavaScript中，還有一個和null類似的undefined，它表示“未定義”。

JavaScript的設計者希望用null表示一個空的值，而undefined表示值未定義。事實證明，這并沒有什么卵用，區分兩者的意義不大。大多數情況下，我們都應該用null。undefined僅僅在判斷函數參數是否傳遞的情況下有用。

6.數組

var arr = [1, 2, 3.14, "Hello", null, true];
arr[0]; // 返回索引為0的元素，即1
arr[5]; // 返回索引為5的元素，即true
arr[6]; // 索引超出了范圍，返回undefined

云服務器 GPU云服務器廖雪峰的python教程 python教程廖雪峰 python廖雪峰教程廖雪峰python視頻教程

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

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

js溫故而知新8(瀏覽器)——學習廖雪峰的js教程

摘要：對象不但充當全局作用域，而且表示瀏覽器窗口。對象有和屬性，可以獲取瀏覽器窗口的內部寬度和高度。對象表示當前頁面的信息。由于在瀏覽器中以形式表示為樹形結構，對象就是整個樹的根節點。這個行為由瀏覽器實現，主流瀏覽器均支持選項，從開始支持。瀏覽器目前主流的瀏覽器： IE 6~11：從IE10開始支持ES6標準； Chrome：基于Webkit內核，內置了非常強悍的JavaScript引...

charles_paul 2019-08-20 15:07 評論0 收藏0
js溫故而知新4——學習廖雪峰的js教程

摘要：你可能認為調用，和結果應該是，，，但實際結果是全部都是原因就在于返回的函數引用了變量，但它并非立刻執行。返回閉包時牢記的一點就是返回函數不要引用任何循環變量，或者后續會發生變化的變量。真的是看著很暈那閉包另一個需要注意的問題是，返回的函數并沒有立刻執行，而是直到調用了f()才執行。我們來看一個例子： function count() { var arr = []; ...

genefy 2019-08-21 11:35 評論0 收藏0
js溫故而知新10(操作表單)——學習廖雪峰的js教程

摘要：用操作表單和操作是類似的，因為表單本身也是樹。因此，第二種方式是響應本身的事件，在提交時作修改可以在此修改的繼續下一步注意要來告訴瀏覽器繼續提交，如果，瀏覽器將不會繼續提交，這種情況通常對應用戶輸入有誤，提示用戶錯誤信息后終止提交。用JavaScript操作表單和操作DOM是類似的，因為表單本身也是DOM樹。 HTML表單的輸入控件主要有以下幾種：文本框，對應的，用于輸入文本； ...

simon_chen 2019-08-20 15:08 評論0 收藏0
js溫故而知新6(JSON)——學習廖雪峰的js教程

JSON JSON是JavaScript Object Notation的縮寫，它是一種數據交換格式。道格拉斯·克羅克福特（Douglas Crockford）--雅虎的高級架構師--發明了JSON這種超輕量級的數據交換格式. 序列化讓我們先把小明這個對象序列化成JSON格式的字符串： var xiaoming = { name: 小明, age: 14, gender...

20171112 2019-08-21 11:36 評論0 收藏0
js溫故而知新2——學習廖雪峰的js教程

摘要：讓我們拆開寫小明正常結果單獨調用函數怎么返回了請注意，我們已經進入到了的一個大坑里。如果單獨調用函數，比如，此時，該函數的指向全局對象，也就是。函數 1. arguments JavaScript還有一個免費贈送的關鍵字arguments，它只在函數內部起作用，并且永遠指向當前函數的調用者傳入的所有參數。arguments類似Array但它不是一個Array： function fo...

Caizhenhao 2019-08-21 11:34 評論0 收藏0
js溫故而知新9(操作DOM)——學習廖雪峰的js教程

摘要：根節點已經自動綁定為全局變量。如果寫入的字符串是通過網絡拿到了，要注意對字符編碼來避免攻擊。修改也是經常需要的操作。當你遍歷一個父節點的子節點并進行刪除操作時，要注意，屬性是一個只讀屬性，并且它在子節點變化時會實時更新。 1.操作DOM 操作一個DOM節點實際上就是這么幾個操作：更新、遍歷、添加、刪除。由于ID在HTML文檔中是唯一的，所以document.getElementByI...

Alfred 2019-08-20 15:08 評論0 收藏0