筆記-js判斷變量類型

Carbs 發布于2019-08-23 18:38 / 3140人閱讀

摘要：平時業務代碼寫多了，學習又懈怠，對的基本功能都不太熟悉了，面試答不上來，哭唧唧使用判斷的是基本數據類型。未定義變量使用操作符主要基于類型的判斷。假設基于創建一個類個分別是。

平時業務代碼寫多了，學習又懈怠，對js的基本功能都不太熟悉了，面試答不上來，哭唧唧

1.使用typeof

判斷的是基本數據類型。

{}	object
[]	object
function(){}	function
"1"	string
null	object
undefined/未定義變量	undefined
1/NaN	number
true	boolean
Symbol()	symbol

2.使用instanceof操作符

主要基于object類型的判斷。

假設基于React.Component創建一個類

class Board extends React.Component {
    //...
    
    render() {
        console.log(this instanceof Board);// true
        console.log(this instanceof React.Component);// true  
        console.log(React.Component.prototype.isPrototypeOf(this));// true
        console.log(this instanceof Object);// true
        console.log(this instanceof Game);// false
    }
    
    //...
}

class Game extends React.Component {
    // ...
}

5個log分別是true true true true false。
基本可以看出instanceof與原型鏈有關，MDN上的描述是The instanceof operator tests whether the prototype property of a constructor appears anywhere in the prototype chain of an object.
是否這個構造函數的prototype屬性出現在這個對象的原型鏈中。

如果改動了React.Component.prototype，就會出現

console.log(this instanceof React.Component); // false

其他

GPU云服務器云服務器 jsp 判斷變量類型 js 數據類型判斷 js 判斷數據類型 js數據類型判斷

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

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

js筆記內容

摘要：定義運算符用來判斷一個構造函數的屬性所指向的對象是否存在另外一個要檢測對象的原型鏈上，用于引用類型。但其實，實例的來自于構造函數的。一、關于css 樣式優先級：行內樣式>id選擇器樣式>類選擇器樣式>標簽選擇器樣式>通配符選擇器的樣式>繼承樣式>默認樣式二、關于js 關于問題：**JavaScript中的所有事物都是對象？？** 從typeof和instanceo...

n7then 2019-08-23 14:46 評論0 收藏0
《javascript高級程序設計》筆記：變量及變量檢測

摘要：變量的特點變量是松散類型的，所謂松散類型就是可以用來保存任何類型的數據。變量的特點 js變量是松散類型的，所謂松散類型就是可以用來保存任何類型的數據。換句話說，每個變量僅僅是一個用于保存值的占位符而已 js變量可以用來保存任何值，未經過初始化的變量，會保存一個特殊的值—undefined，如：var msg; js變量的初始化并不會為它標記類型;初始化的過程就是給變量賦一個值那...

XiNGRZ 2019-08-20 18:34 評論0 收藏0
<<編寫可維護的javascript>> 筆記8(避免'空比較&#

摘要：中常常會看到這種代碼變量與的比較這種用法很有問題用來判斷變量是否被賦予了一個合理的值比如不好的寫法執行一些邏輯這段代碼中方法顯然是希望是一個數組因為我們看到的擁有和這段代碼的意圖非常明顯如果參數不是一個數組則停止接下來的操作這種寫法的問題在 js中, 常常會看到這種代碼: 變量與null的比較(這種用法很有問題), 用來判斷變量是否被賦予了一個合理的值. 比如: const Contr...

young.li 2019-08-21 18:40 評論0 收藏0
2019面試筆記

摘要：使用構造函數創建對象后，新對象與構造函數沒有關系了，新對象的屬性指向的是構造函數的原型對象。構造繼承使用父類的構造函數來增強子類的實例，等于是在子類的構造函數內部執行。一.js原始類型：在js中，存在著6種原始值： * boolean * number * string * undefined * null * symbol 注意：雖然typeof null輸出的是o...

nidaye 2019-08-23 15:42 評論0 收藏0
讀書筆記(02) - 可維護性 - JavaScript高級程序設計

摘要：解耦優勢代碼復用，單元測試。常用比較誤區可同時判斷，可用來判斷對象屬性是否存在。使用作判斷無法進行充分的類型檢查。文件中應用常量參考文檔高級程序設計作者以樂之名本文原創，有不當的地方歡迎指出。 showImg(https://segmentfault.com/img/bVburXw?w=500&h=400); 編寫可維護性代碼可維護的代碼遵循原則：可理解性（方便他人理解）直觀...

k00baa 2019-08-23 13:51 評論0 收藏0