第javaScript中一些常見的數(shù)據(jù)類型檢查校驗?zāi)夸浨把猿Ｒ姷膸追N數(shù)據(jù)校驗方式typeof操作符instanceofconstructorcallapplyOtotype.toString結(jié)合Ftotype.callapply其他校驗數(shù)據(jù)類型的方法：總結(jié)源碼地址

前言

在JavaScript中，數(shù)據(jù)類型分為兩大類，一種是基礎(chǔ)數(shù)據(jù)類型，另一種則是復(fù)雜數(shù)據(jù)類型，又叫引用數(shù)據(jù)類型

基礎(chǔ)數(shù)據(jù)類型：數(shù)字Number字符串String布爾BooleanNullUndefinedSymbolsBigInt引用數(shù)據(jù)類型：日期Dete，對象Object，數(shù)組Array,方法Function,正則regex,帶鍵的集合：Maps,Sets,WeakMaps,WeakSets

基礎(chǔ)數(shù)據(jù)類型和引用數(shù)據(jù)類型的區(qū)別，在之前深拷貝的文章中提到過，這里不做詳細贅述。

傳送門：javaScript中深拷貝和淺拷貝簡單梳理

常見的幾種數(shù)據(jù)校驗方式

接下來會針對下面幾種數(shù)據(jù)類型，進行校驗

//基本數(shù)據(jù)類型

letstr="abc";

letnum=123;

letboo=true;

letundef=undefined;

lettestNull=null;

letsymb=Symbol("user");

letbigInt=BigInt(9007199254740999);

//復(fù)雜-引用數(shù)據(jù)類型

letarr=[1,2,3,4];

letfunc=function(){};

letobj={};

letdate1=newDate();

letsetObj1=newSet();

letsetObj2=newSet([1,2,3]);

letmapObj=newMap();

typeof操作符

typeof操作符，會返回一個字符串，表示未經(jīng)計算的操作數(shù)的類型

/**

*typeof操作符

*返回一個字符串，表示未經(jīng)計算的操作數(shù)的類型。

**/

console.log(typeofstr);//string

console.log(typeofnum);//number

console.log(typeofboo);//boolean

console.log(typeofundef);//undefined

console.log(typeoftestNull);//object

console.log(typeofsymb);//symbol

console.log(typeofbigInt);//bigint

console.log(typeofObject(bigInt));//object

console.log(typeofarr);//object

console.log(typeoffunc);//function

console.log(typeofobj);//object

console.log(typeofdate1);//object

console.log(typeofsetObj1);//object

console.log(typeofsetObj2);//object

console.log(typeofmapObj);//object

小結(jié)

使用typeof操作符的時候，我們可以看到一些較為特殊的情況：

null，數(shù)組array，set,map返回的是對象object

instanceof

instanceof用于檢測構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在某個實例對象的原型鏈上。

/**

*instanceof

*用于檢測構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在某個實例對象的原型鏈上。

**/

console.log(strinstanceofString);//false

console.log(newString("abc")instanceofString);//true

console.log(numinstanceofNumber);//false

console.log(newNumber(123)instanceofNumber);//true

console.log(booinstanceofBoolean);//false

console.log(newBoolean(true)instanceofBoolean);//false

console.log(undefinstanceofundefined);

//UncaughtTypeError:Right-handsideof'instanceof'isnotanobject

console.log(testNullinstanceofnull);

//UncaughtTypeError:Right-handsideof'instanceof'isnotanobject

console.log(symbinstanceofSymbol);//false

//Symbol不是構(gòu)造函數(shù)，沒有new操作符

console.log(bigIntinstanceofBigInt);//false

console.log(Object(BigInt("22"))instanceofObject);//true

console.log(Object(BigInt("22"))instanceofBigInt);//true

console.log(arrinstanceofArray);//true

console.log(arrinstanceofObject);//true

console.log(funcinstanceofFunction);//true

console.log(funcinstanceofObject);//true

console.log(objinstanceofObject);//true

console.log(objinstanceofFunction);//false

console.log(nullinstanceofObject);//false

console.log(date1instanceofObject);//true

console.log(setObj1instanceofObject);//true

console.log(setObj2instanceofObject);//true

console.log(mapObjinstanceofObject);//true

console.log(setObj1instanceofArray);//false

console.log(setObj2instanceofArray);//false

console.log(mapObjinstanceofArray);//false

constructor

/**

*constructor

*返回創(chuàng)建實例對象的構(gòu)造函數(shù)的引用。

*注意，此屬性的值是對函數(shù)本身的引用，而不是一個包含函數(shù)名稱的字符串

*構(gòu)造函數(shù).prototype.constructor()

**/

//基本數(shù)據(jù)類型

letstr="abc";

letnum=123;

letboo=true;

letundef=undefined;

lettestNull=null;

letsymb=Symbol("user");

letbigInt=BigInt(9007199254740999);

//復(fù)雜-引用數(shù)據(jù)類型

letarr=[1,2,3,4];

letfunc=function(){};

letobj={};

letdate1=newDate();

functionconstructorFn(){

="11";

letcon1=newconstructorFn();

letsetObj1=newSet();

letsetObj2=newSet([1,2,3]);

letmapObj=newMap();

console.log(str.constructor);//String

console.log(num.constructor);//Number

console.log(boo.constructor);//Boolean

//console.log(testUndefined.constructor);//Cannotreadproperty'constructor'ofundefined

//console.log(testNull.constructor);//Cannotreadproperty'constructor'ofnull

console.log(symb.constructor);//Symbol

console.log(bigInt.constructor);//BigInt

console.log(arr.constructor);//Array

console.log(func.constructor);//Function

console.log(obj.constructor);//Object

console.log(date1.constructor);//Date

console.log(constructorFn.constructor);//Function

console.log(con1.constructor);//constructorFn

console.log(setObj1.constructor);//Set

console.log(setObj2.constructor);//Set

console.log(mapObj.constructor);//Map

*構(gòu)造函數(shù)校驗

**/

console.log(Function.constructor);//Function

console.log(Object.constructor);//Function

console.log(Array.constructor);//Function

console.log(Date.constructor);//Function

Ototype.toString.callOtotype.toString.apply

Ototype.toString()

在使用Ototype.toString.call或者Ototype.toString.apply檢查數(shù)據(jù)類型之前，我們先了解一下Ototype.toString和JavaScript中的構(gòu)造函數(shù)Function的原型方法apply和call：

/**

*返回一個表示該對象的字符串

*Ototype.toString()

*每個對象都有一個toString()方法，當(dāng)該對象被表示為一個文本值時，或者一個對象以預(yù)期的字符串方式引用時自動調(diào)用。

*默認情況下，toString()方法被每個Object對象繼承。

*如果此方法在自定義對象中未被覆蓋，toString()返回"[objecttype]"，其中type是對象的類型。以下代碼說明了這一點：

**/

letisObj={name:"zhangsan"};

letisBoolean=true;

letisNumber=newNumber(123);

letisString="abc";

letisFun=newFunction();

console.log(isObj.toString());//[objectObject]

console.log(isBoolean.toString());//true

console.log(isNumber.toString());//123

console.log(isString.toString());//abc

console.log(newDate().toString());//ThuApr28202516:37:19GMT+0800(中國標(biāo)準(zhǔn)時間)

console.log(isFun.toString());//functionanonymous(){}

callapply

/**

*call()使用一個指定的this值和單獨給出的一個或多個參數(shù)來調(diào)用一個函數(shù)，function.call(thisArg,arg1,arg2,...)

*apply()使用一個指定的this值和單獨給出的一個或多個參數(shù)來調(diào)用一個函數(shù)，unc.apply(thisArg,[argsArray])

**/

//call基本使用;

functiona(){

console.log(this);

functionb(){

console.log(this);

a.call(b);//functionb(){}

b.call(a);//functiona(){}

call和apply最簡單的例子表明了，改變了當(dāng)前方法的this指向

同時這兩個方法的區(qū)別在于傳參的方式

Ototype.toString結(jié)合Ftotype.callapply

/**

*使用toString()檢測對象類型可以通過toString()來獲取每個對象的類型。

*為了每個對象都能通過Ototype.toString()來檢測，

*需要以Ftotype.call()或者Ftotype.apply()的形式來調(diào)用，傳遞要檢查的對象作為第一個參數(shù)，稱為thisArg。

*那么Ototype.toString相當(dāng)于原生構(gòu)造函數(shù)的實例化對象isNumber，傳參數(shù)給Ototype.toString執(zhí)行

*實際上相當(dāng)于toString.call(new***);

**/

letstr="abc";

letnum=123;

letboo=true;

letundef=undefined;

lettestNull=null;

letsymb=Symbol("user");

letbigInt=BigInt(9007199254740999);

//復(fù)雜-引用數(shù)據(jù)類型

letarr=[1,2,3,4];

letfunc=function(){};

letobj={};

letdate1=newDate();

functiontestFun(){}

letnewTest=newtestFun();

letnewFun=newFunction();

letsetObj1=newSet();

letsetObj2=newSet([1,2,3]);

letmapObj=newMap();

console.log(Ototype.toString.apply(newString("sss")));//[objectString]

console.log(Ototype.toString.apply(str));//[objectString]

console.log(Ototype.toString.call(num));//[objectNumber]

console.log(Ototype.toString.call(boo));//[objectBoolean]

console.log(Ototype.toString.call(undef));//[objectUndefined]

console.log(Ototype.toString.call(testNull));//[objectNull]

console.log(Ototype.toString.call(symb));//[objectSymbol]

console.log(Ototype.toString.call(Object(bigInt)));//[objectBigInt]

console.log(Ototype.toString.call(bigInt));//[objectBigInt]

console.log(Ototype.toString.apply(arr));//[objectArray]

console.log(Ototype.toString.call(func));//[objectFunction]

console.log(Ototype.toString.call(obj));//[objectObject]

console.log(Ototype.toString.call(date1));//[objectDate]

console.log(Ototype.toString.call(testFun));//[objectFunction]

console.log(Ototype.toString.call(newTest));//[objectObject]

console.log(Ototype.toString.call(newFun));