JS類型判斷的方法

djfml 發(fā)布于2019-08-23 18:22 / 2508人閱讀

摘要：在看醫(yī)用類型的例子上述代碼中，都是引用類型。數(shù)據(jù)類型檢測返回一個表示數(shù)據(jù)類型的字符串，返回結(jié)果包括等種數(shù)據(jù)類型，但不能判斷等。有效有效有效有效有效有效無效無效無效無效是用來判斷是否為的實例，表達式為，如果是的實例，則返回否則返回。

js中常用的數(shù)據(jù)類型

JavaScript 變量能夠保存多種數(shù)據(jù)類型，而JavaScript中的數(shù)據(jù)類型分為基本數(shù)據(jù)類型和引用數(shù)據(jù)累心，常用的基本數(shù)據(jù)類型包括數(shù)字（Number）、字符串（String）、布爾值（Boolean）、Null、Undefine、Symbol等，常用的引用數(shù)據(jù)類型包括Object（對象）、Array（數(shù)組）、Function（函數(shù)）。

基本類型和引用類型存儲于內(nèi)存的位置不同，基本類型直接存儲在棧中,而引用類型的對象存儲在堆中，與此同時，在棧中存儲了指針，而這個指針指向正是堆中實體的起始位置，區(qū)別如下：

let a = 10;
let b = a;
b = 20;
console.log(a) //10
console.log(b) //20

上述代碼中，a、b都是基本數(shù)據(jù)類型，兩者分別修改賦值，相互之間沒有任何影響。在看醫(yī)用類型的例子：

let x = {a:10,b:20}
let y = x
y.a = 100
y.b = 200
console.log(x) //{a:100,b:200}
console.log(y) //{a:100,b:200}

上述代碼中，x、y都是引用類型。在執(zhí)行了x = y之后，修改y的屬性值，x的也跟著變化。因為x和y都是引用類型，指向了同一個內(nèi)存地址，即兩者引用的是同一個值，因此y修改屬性時，x的值隨之改動。

數(shù)據(jù)類型檢測

typeof
typeof返回一個表示數(shù)據(jù)類型的字符串，返回結(jié)果包括：number、boolean、string、symbol、object、undefined、function等7種數(shù)據(jù)類型，但不能判斷null、array等。

typeof Symbol(); // symbol 有效
typeof ""; // string 有效
typeof 1; // number 有效
typeof true; //boolean 有效
typeof undefined; //undefined 有效
typeof new Function(); // function 有效
typeof null; //object 無效
typeof []; //object 無效
typeof new Date(); //object 無效
typeof new RegExp(); //object 無效

instanceof
是用來判斷A是否為B的實例，表達式為：A instanceof B，如果A是B的實例，則返回true,否則返回false。instanceof 運算符用來測試一個對象在其原型鏈中是否存在一個構(gòu)造函數(shù)的 prototype 屬性，但它不能檢測null 和 undefined

[] instanceof Array; //true
{} instanceof Object; //true
new Date() instanceof Date; //true
new RegExp() instanceof RegExp //true
null instanceof Null //報錯
undefined instanceof undefined //報錯

Object.prototype.toString.call()
Object.prototype.toString.call() 是最準(zhǔn)確最常用的方式。

Object.prototype.toString.call("") ; // [object String]
Object.prototype.toString.call(1) ; // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(undefine) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]
Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
Object.prototype.toString.call(new Error) ; // [object Error]