js的一些潛在規(guī)則使用分析
為什么開發(fā)中建議使用void 0 來代替undefined
因為 JavaScript 的代碼 undefined 是一個變量,而并非是一個關(guān)鍵字,這是JavaScript 語言公認的設(shè)計失誤之一,所以,我們?yōu)榱吮苊鉄o意中被篡改,我建議使用void 0 來獲取 undefined 值。
MDN上的解釋: undefined is a property of the global object. That is, it is a variable in global scope. The initial value of undefined is the primitive value undefined。
為什么開發(fā)中將未賦值的變量賦值為null,而不是undefined
null 表示的是:“定義了但是為空”。所以,在實際編程時,我們一般不會把變量賦值為 undefined,這樣可以保證所有值為 undefined 的變量,都是從未賦值的自然狀態(tài)。
String類型的長度
因為 String 的意義并非“字符串”,而是字符串的 UTF16 編碼,我們字符串的操作charAt、charCodeAt、length 等方法針對的都是 UTF16 編碼。所以,字符串的最大長度,實際上是受字符串的編碼長度影響的。
JavaScript 中的字符串是永遠無法變更的,一旦字符串構(gòu)造出來,無法用任何方式改變字符串的內(nèi)容,所以字符串具有值類型的特征。
JavaScript 字符串把每個 UTF16 單元當(dāng)作一個字符來處理,所以處理非 BMP(超出U+0000 - U+FFFF 范圍)的字符時,你應(yīng)該格外小心。
"\uD835\uDD46" // "??" "??".length // 2
為什么parseInt在將字符串轉(zhuǎn)為數(shù)字的時候,需要指定第二個參數(shù)
在不傳入第二個參數(shù)的情況下,parseInt 只支持 16 進制前綴“0x”,而且會忽略非數(shù)字字符,也不支持科學(xué)計數(shù)法。
parseInt("0x1111") // 4369
parseInt(1e+40) // 1
在一些古老的瀏覽器環(huán)境中,parseInt 還支持 0 開頭的數(shù)字作為 8 進制前綴,這是很多錯誤的來源。所以在任何環(huán)境下,都建議傳入 parseInt 的第二個參數(shù),而 parseFloat 則直接把原字符串作為十進制來解析,它不會引入任何的其他進制。
多數(shù)情況下,Number 是比 parseInt 和 parseFloat 更好的選擇。
對象轉(zhuǎn)基本數(shù)據(jù)類型的規(guī)律
在 JavaScript 標(biāo)準(zhǔn)中,規(guī)定了 ToPrimitive 函數(shù),它是對象類型到基本類型的轉(zhuǎn)換(即,拆箱轉(zhuǎn)換)。
對象到 String 和 Number 的轉(zhuǎn)換都遵循先拆箱再轉(zhuǎn)換的規(guī)則。通過拆箱轉(zhuǎn)換,把對象變成基本類型,再從基本類型轉(zhuǎn)換為對應(yīng)的 String 或者 Number。
拆箱轉(zhuǎn)換會嘗試調(diào)用 valueOf 和 toString 來獲得拆箱后的基本類型。如果 valueOf 和toString 都不存在,或者沒有返回基本類型,則會產(chǎn)生類型錯誤 TypeError。
在 ES6 之后,還允許對象通過顯式指定 @@toPrimitive Symbol 來覆蓋原有的行為。
Object.prototype[Symbol.toPrimitive] = function() {return '111'}
const z = {name: 'zh0'}
String(z) // "111"
JavaScript 中對象獨有的特色
對象具有高度的動態(tài)性,這是因為 JavaScript 賦予了使用者在運行時為對象添改狀態(tài)和行為的能力。
為了提高抽象能力,JavaScript 的屬性被設(shè)計成比別的語言更加復(fù)雜的形式,它提供了數(shù)據(jù)屬性和訪問器屬性(getter/setter)兩類。
在 ES5 開始,[[class]]私有屬性被 Symbol.toStringTag 代替,Object.prototype.toString 的意義從命名上不再跟 class 相關(guān)。我們甚至可以自定義一個類的class。
var o = { [Symbol.toStringTag]: "MyObject" }
console.log(o + ""); // [object MyObject]
JavaScript對象分類
宿主對象
宿主對象(host Objects):由 JavaScript 宿主環(huán)境提供的對象,它們的行為完全由宿主環(huán)境決定。宿主對象也分為固有的和用戶可創(chuàng)建的兩種。
例如我們可以通過dom操作創(chuàng)建一些對象。
js運行時,也會創(chuàng)建一些對象(window, 一些構(gòu)造方法等等)
內(nèi)置對象
內(nèi)置對象(Built-in Objects):由 JavaScript 語言提供的對象。
- 固有對象(Intrinsic Objects ):由標(biāo)準(zhǔn)規(guī)定,隨著 JavaScript 運行時創(chuàng)建而自動創(chuàng)建的對象實例。
固有對象在任何 JS 代碼執(zhí)行前就已經(jīng)被創(chuàng)建出來了,它們通常扮演著類似基礎(chǔ)庫的角色。
三個值:Infinity、NaN、undefined。
九個函數(shù):
eval
isFinite
isNaN
parseFloat
parseInt
decodeURI
decodeURIComponent
encodeURI
encodeURIComponent
一些構(gòu)造器:Array、Date、RegExp、Promise、Proxy、Map、WeakMap、Set、WeapSet、Function、Boolean、
String、Number、Symbol、Object、Error、EvalError、RangeError、ReferenceError、SyntaxError、
TypeErrorURIError、ArrayBuffer、SharedArrayBuffer、DataView、Typed Array、Float32Array、
Float64Array、Int8Array、Int16Array、Int32Array、UInt8Array、UInt16Array、UInt32Array、
UInt8ClampedArray。
四個用于當(dāng)作命名空間的對象:
Atomics
JSON
Math
Reflect
- 原生對象(Native Objects):可以由用戶通過 Array、RegExp 等內(nèi)置構(gòu)造器或者特殊語法創(chuàng)建的對象。
能夠通過語言本身的構(gòu)造器創(chuàng)建的對象稱作原生對象。

幾乎所有這些構(gòu)造器的能力都是無法用純 JavaScript 代碼實現(xiàn)的,它們也無法用class/extend 語法來繼承。
所有這些原生對象都是為了特定能力或者性能,而設(shè)計出來的“特權(quán)對象”。
- 普通對象(Ordinary Objects):由{}語法、Object 構(gòu)造器或者 class 關(guān)鍵字定義類創(chuàng)建的對象,它能夠被原型繼承。
特殊行為對象
- Array:Array 的 length 屬性根據(jù)最大的下標(biāo)自動發(fā)生變化。
- Object.prototype:作為所有正常對象的默認原型,不能再給它設(shè)置原型了。
- String:為了支持下標(biāo)運算,String 的正整數(shù)屬性訪問會去字符串里查找。
- Arguments:arguments 的非負整數(shù)型下標(biāo)屬性跟對應(yīng)的變量聯(lián)動。
- 模塊的 namespace 對象:特殊的地方非常多,跟一般對象完全不一樣,盡量只用于import 吧。
- 類型數(shù)組和數(shù)組緩沖區(qū):跟內(nèi)存塊相關(guān)聯(lián),下標(biāo)運算比較特殊。
- bind 后的 function:跟原來的函數(shù)相關(guān)聯(lián)。
以上就是js的一些潛在規(guī)則使用分析的詳細內(nèi)容,更多關(guān)于js潛在規(guī)則的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
JavaScript 實現(xiàn)點擊關(guān)閉全屏示例詳解
這篇文章主要為大家介紹了JavaScript 實現(xiàn)點擊關(guān)閉全屏示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-08-08
Electron?網(wǎng)絡(luò)攔截實戰(zhàn)示例詳解
這篇文章主要為大家介紹了Electron?網(wǎng)絡(luò)攔截實戰(zhàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03
You-Dont-Know-JS作用域?qū)W習(xí)文檔
這篇文章主要介紹了You-Dont-Know-JS作用域?qū)W習(xí)文檔,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳值的方法
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳值的方法的相關(guān)資料,希望通過本文能幫助到大家,讓大家實現(xiàn)這樣的功能,需要的朋友可以參考下2017-10-10

