JavaScript中的每一個值都有它自己的型別，JavaScript規定了七種語言型別：

1.Undefined

2.Null

3.Boolean

4.String

5.Number

6.Symbol

7.Object

Undefined和Null

：為什麼有的程式設計規範要求用 void 0 代替 undefined？

undefined

undefined型別表示未定義，它的值只有一個：undefined 任何變數賦值前都是undefined型別，值為undefined（而不是null） undefined是一個變數，而非一個關鍵字 需要表達這個值，可以用全域性變數undefined，或者void運算 undefined是一個變數，我們避免無意中被篡改，建議使用void 0來獲取undefined（等價於void (0) ）。我們一般不會把變數賦值為undefined，這樣可以保證所有的值為undefined的變數，都是從未賦值的自然狀態。

void運算

語法：void express 或者 void (express) void運算子所做的是，執行表示式express，然後不論表示式是否有返回值，一律返回undefined。 void運算子如果使用括號，括號內必須有表示式，如果是void（）會被視為執行名為void的函式，報錯：SyntaxError。

死連結

我們有時候會用href="#"來表示死連結，但是這樣會導致頁面跳到最上面的檢視，#包含了一個位置資訊，預設的錨是#top，也就是網頁的上端。在頁面很長的時候會使用#來定位頁面的具體位置，格式為：#+id

href=javascript:void(0)用來禁止a標籤的跳轉行為，javascript:是偽協議，表示url的內容通過JavaScript執行，void(0)表示不作任何操作。

<a href="javascript: void(0)" onClick="window.open()"><!--點選連結後頁面不動，只打開連結--> <a href="#" onClick="javascript: return false"><!--作用一樣-->

Null

只有一個值，就是null 表示空值，是關鍵字，可以放心使用null關鍵字來獲取null值

String string的意義並非“字串”，而是字串的UTF16編碼，字串的最大長度實際上是受字串編碼長度影響的。最大長度：253 - 1 。 字串是永遠無法變更的，一旦字串被構造出來，無法用任何方式改變字串的內容。 字串把每個UTF16單元當做一個字元來處理，所以處理非BMP（超出 U+0000 - U+FFFF 範圍）的字元時，應該格外小心。這個設計繼承自Java，現實中很少用到BMP之外的字元。

Number

為什麼在 JavaScript 中，0.1+0.2 不等於0.3?

number型別有264- 253+3 個值。 基本符合 IEEE 754-2008 規定的雙精度浮點數規則，但也有額外幾個表達的語言場景（比如不讓除以0出錯，引入了無窮大）。 NaN，佔用了 9007199254740990，這原本是符合 IEEE 規則的數字 Infinity，無窮大 -Infinity，負無窮大 有+0和-0，加法運算中沒有區別，但是除法要區分，“忘記檢測除以 -0，而得到負無窮大”的情況經常會導致錯誤，而區分 +0 和 -0 的方式，正是檢測 1/x 是 Infinity還是-Infinity 根據雙精度浮點數定義，有效的整數範圍是 -0x1fffffffffffff 至 0x1fffffffffffff，無法精確表示此範圍外的整數。 根據雙精度浮點數定義，非整數的Number型別無法用==來比較（三個等號也不行），正確的比較方法是用JavaScript提供的最小精度值：

console.log( 0.1 + 0.2 == 0.3);//false //正確的比較方法

console.log( Math.abs(0.1 + 0.2 - 0.3) <= Number.EPSILON);//true

Symbol

表示獨一無二的值，它是一切非字串的物件key的集合。 Symbol 值通過Symbol函式生成。這就是說，物件的屬性名現在可以有兩種型別，一種是原來就有的字串，另一種就是新增的 Symbol 型別。凡是屬性名屬於 Symbol 型別，就都是獨一無二的，可以保證不會與其他屬性名產生衝突。 Symbol函式可以接受一個字串作為引數，表示對 Symbol 例項的描述，但是即使描述相同，Symbol值也不相等。

let s1 = Symbol('foo'); let s2 = Symbol('foo');

s1 === s2 // false

一些標準中提到的 Symbol，可以在全域性的 Symbol 函式的屬性中找到。例如，我們可以使用 Symbol.iterator 來自定義 for…of 在物件上的行為： var o = new Object

o[Symbol.iterator] = function() {
    var v = 0
    return {
        next: function() {
            return { value: v++, done: v > 10 }
        }
    }        
};
​
for(var v of o) 
    console.log(v); // 0 1 2 3 ... 9

Object

問題：為什麼給物件新增的方法能用在基本型別上？

JavaScript物件的定義是“屬性的集合”。屬性分為資料屬性和訪問器屬性，二者都是 key-value 結構，key可以是字串或者Symbol型別。 JavaScript的“類”僅僅是執行時物件的一個私有屬性，而JavaScript中是無法自定義型別的。 Number、String 和 Boolean，三個構造器是兩用的，當跟 new 搭配時，它們產生物件，當直接呼叫時，它們表示強制型別轉換。 Symbol 函式比較特殊，直接用 new 呼叫它會丟擲錯誤，但它仍然是Symbol物件的構造器。 我們在原型上新增方法，都可以應用於基本型別。 Symbol.prototype.hello = () => console.log("hello");

var a = Symbol("a");
console.log(typeof a); //symbol，a 並非物件
a.hello(); //hello，有效

上述問題的答案是：運算子提供了裝箱操作，它會根據基礎型別構造一個臨時物件，使得能夠在基礎型別上呼叫對應物件的方法。

裝箱和拆箱

裝箱轉換：基本型別–>物件

每一種基本型別，都在物件中有對應的類，裝箱機制會頻繁產生臨時物件。 使用object函式，可以顯示呼叫裝箱能力。 每一類裝箱物件皆有私有的 Class 屬性，這些屬性可以Object.prototype.toString 獲取。在 JavaScript 中，沒有任何方法可以更改私有的Class 屬性，因此 Object.prototype.toString 是可以準確識別物件對應的基本型別的方法，它比 instanceof 更加準確。 call函式本身會產生裝箱操作，需要配合typeof來區分基本型別還是物件型別。 拆箱轉換：物件–>基本型別

ToPrimitive 函式，它是物件型別到基本型別的轉換 拆箱轉換會嘗試呼叫 valueOf 和 toString 來獲得拆箱後的基本型別。如果valueOf 和 toString都不存在，或者沒有返回基本型別，則會產生TypeError。 物件的運算

var o = {
    valueOf : () => {console.log("valueOf"); return {}},
    toString : () => {console.log("toString"); return {}}
}
​
o * 2
// valueOf
// toString
// TypeError

String的拆箱

var o = {
    valueOf : () => {console.log("valueOf"); return {}},
    toString : () => {console.log("toString"); return {}}
}
​
o + ""
// toString
// valueOf
// TypeError

原文：https://blog.csdn.net/zhenghaohan1999/article/details/86697162

 

相關推薦