01.javascript之?dāng)?shù)據(jù)類型

Aceyclee 發(fā)布于2019-08-22 18:40 / 2055人閱讀

摘要：新增了第七種類型的值數(shù)值字符串布爾值對象數(shù)據(jù)類型判斷有三種方法，可以判斷一個值的類型運算符運算符方法運算符運算符可以返回一個值的數(shù)據(jù)類型。運算符運算符返回一個布爾值，表示對象是否為某個構(gòu)造函數(shù)的實例。

1.數(shù)據(jù)類型

JavaScript一共有六種數(shù)據(jù)類型。（ES6新增了第七種Symbol類型的值）

數(shù)值(Number)

字符串(String)

布爾值(boolean)

undefined

null

對象(object)

2.數(shù)據(jù)類型判斷

JavaScript有三種方法，可以判斷一個值的類型

typeof運算符

instanceof運算符

Object.prototype.toString()方法

typeof運算符

typeof運算符可以返回一個值的數(shù)據(jù)類型。
數(shù)值、字符串、布爾值分別返回number、string、boolean。

typeof 123  //"number"
typeof "hello"  //"string"
typeof true  //"boolean"

函數(shù)返回function。

function f(){} 
typeof f  //"function"

undefined返回undefined。

typeof undefined  // "undefined"

對象返回object。

typeof {} // "object"
typeof [] // "object"

null返回object`。

typeof null // "object"

instanceof運算符

instanceof運算符返回一個布爾值，表示對象是否為某個構(gòu)造函數(shù)的實例。
由于instanceof檢查整個原型鏈，因此同一個實例對象，可能會對多個構(gòu)造函數(shù)都返回true。
instanceof運算符的一個用處，是判斷值的類型。

var x = []
var f={}
x instanceof Array //true
f instanceof Object //true

instanceof運算符只能用于對象，不適用原始類型的值。

利用instanceof運算符，還可以解決，調(diào)用構(gòu)造函數(shù)時，忘了加new命令的問題。

function Fn (f1, f2) {
  if (this instanceof Fn) {
    this._foo = f1;
    this._bar = b2;
  } else {
    return new Fn(f1, f2);
  }
}

Object.prototype.toString()

toString方法的作用是返回一個對象的字符串形式，默認情況下返回類型字符串。

var o1 = new Object();
o1.toString() //"[object Object]"

toString() 的應(yīng)用：判斷數(shù)據(jù)類型
Object.prototype.toString方法返回對象的類型字符串，因此可以用來判斷一個值的類型。

var obj = {};
obj.toString() // "[object Object]"

上面代碼調(diào)用空對象的toString方法，結(jié)果返回一個字符串object Object，其中第二個Object表示該值的構(gòu)造函數(shù)。這是一個十分有用的判斷數(shù)據(jù)類型的方法。

由于實例對象可能會自定義toString方法，覆蓋掉Object.prototype.toString方法，所以為了得到類型字符串，最好直接使用Object.prototype.toString方法。通過函數(shù)的call方法，可以在任意值上調(diào)用這個方法，判斷這個值的類型。

Object.prototype.toString.call(value)

上面代碼表示對value這個值調(diào)用Object.prototype.toString方法。
不同數(shù)據(jù)類型的Object.prototype.toString方法返回值如下。

數(shù)值：返回[object Number]。

Object.prototype.toString.call(12) //"[object Number]"

字符串：返回[object String]。

Object.prototype.toString.call("ab")  //"[object String]"

布爾值：返回[object Boolean]。

Object.prototype.toString.call(true)  //"[object Boolean]"

undefined：返回[object Undefined]。

Object.prototype.toString.call(undefined)  //"[object Undefined]"

null：返回[object Null]。

Object.prototype.toString.call(null)  //"[object Null]"

數(shù)組：返回[object Array]。

Object.prototype.toString.call([])  //"[object Array]"

函數(shù)：返回[object Function]。

var f = function (){}
Object.prototype.toString.call(f)  //"[object Function]"

利用這個特性，可以寫出一個比typeof運算符更準(zhǔn)確的類型判斷函數(shù)。

var type = function (o){
  var s = Object.prototype.toString.call(o);
  return s.match(/[object (.*?)]/)[1].toLowerCase();
};

type({}); // "object"
type([]); // "array"
type(3); // "number"
type(null); // "null"
type(); // "undefined"
type(/abcd/); // "regex"
type(new Date()); // "date"

未完待續(xù)