一.js中的數(shù)據(jù)類型有哪些?

在js中，基本數(shù)據(jù)類型有五種，分別是 string、number、boolean、null、undefined，不過在ES6中新增加的了一種基本數(shù)據(jù)類型Symbol(表示獨一無二的值)，其作用主要是從根本上防止屬性名的沖突而設(shè)定的。

除了基本數(shù)據(jù)類型之外，還有引用數(shù)據(jù)類型object，也有人稱之為復(fù)雜數(shù)據(jù)類型，包含了我們常見的Array、Object、Function等。

所以現(xiàn)在js中的數(shù)據(jù)類型共有七種。

PS: Symbol數(shù)據(jù)類型通過Symbol函數(shù)生成。也就是說，對象的屬性名現(xiàn)在可以有原來的字符串以及現(xiàn)在的Symbol類型倆種了，凡是屬性名屬于Symbol類型，就是獨一無二的，可以保證不會與其他屬性名沖突。

Symbol函數(shù)還可以接收一個字符串參數(shù)，表示對Symbol實例的描述。

let s = Symbol()
console.log(typeof s) // "symbol"

let s1 = Symbol('s1')
let s2 = Symbol('s2')
console.log(s1) // Symbol(s1)
console.log(s2) // Symbol(s2)

注意：Symbol函數(shù)的參數(shù)只是表示對當(dāng)前實例的描述，因此相同參數(shù)的Symbol的返回值是不相等的。

二.js數(shù)據(jù)類型檢測的方法(一般有一下幾種)：

1.typeof：typeof一般用于檢測基本數(shù)據(jù)類型，因為它檢測引用數(shù)據(jù)類型都返回Objcet

console.log(typeof 1) // "number"
console.log(typeof 'a') // "string"
console.log(typeof undefined) // "undefined"
console.log(typeof true) // "boolean"
console.log(typeof null) // "object"
console.log(typeof ) // "symbol"
function fun(){ }
console.log(typeof fun) // "function"

注意：typeof檢測null也會返回Object，這是js一直以來遺留的BUG。用typeof檢測function返回的是'function'。

2.instanceof 這個方法主要是用來準(zhǔn)備的檢測引用數(shù)據(jù)類型的（不能用來檢測基本數(shù)據(jù)類型），用來檢測構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在對象原型鏈中的任意位置。

let fun = function(){ }
fun instanceof Function  //true
let obj ={ }
obj instanceof Object //true
let arr = [ ]
arr instanceof Array //true

曾今被面試官問過一道題 1 instanceof 返回的是什么？ 當(dāng)時給因為自身原因說了返回true，現(xiàn)在想想Emmm…

1 instanceof Number //false 
null instanceof Object // false

instanceof運算符直接訪問的變量的原始值，不會自動建立包裝類。因此不能用來判斷基本數(shù)據(jù)類型。

3.Object.prototype.toString()可以用來準(zhǔn)備的檢測所有數(shù)據(jù)類型。

Object.prototype.toString.call([])
// "object Array"
Object.prototype.toString.call(1)
// "object Number"
Object.prototype.toString.call(null)
// "object Null"
Object.prototype.toString.call(undefined)
// "object Undefined"
Object.prototype.toString.call({})
// "object Object"
Object.prototype.toString.call(function add(){})
// "object Function"
....

4.constructor通過檢測類型在原型鏈中的constructor指向來返回布爾值。

let arr =[]
arr.constructor==Array
// true
let fun = function(){}
fun.constructor==Function
//true

注意：null和undefined是沒有constructor屬性的，可以用其他方法判斷。

通過幾這次的總結(jié)，對于js的數(shù)據(jù)類型，以及如何檢測數(shù)據(jù)類型有了深刻的認(rèn)識，下次面試不慌張~

以上就是詳解JavaScript中的數(shù)據(jù)類型，以及檢測數(shù)據(jù)類型的方法的詳細(xì)內(nèi)容，更多關(guān)于JavaScript 數(shù)據(jù)類型的資料請關(guān)注腳本之家其它相關(guān)文章！

最新評論