javascript基本類型詳解

2019-11-20 13:51:32

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

js中一共5個(gè)原始值，6個(gè)typeof能判斷的，9個(gè)原生的內(nèi)置的構(gòu)造函數(shù)。

　　這569，構(gòu)成了js語言的基礎(chǔ)。

　　 5個(gè)原始值是：數(shù)字，字符，布爾，null,undefined

　　 typeof能判斷：數(shù)字，字符，布爾，object,function,undefined。注意null和數(shù)組，tyopeof都輸出object。

typeof不能區(qū)分出數(shù)組和對(duì)象，如何判斷類型呢？使用Object.prototype.toString.apply（）。

if(value&&typeof value ==='object'&&value.constructor === Array)

上面的檢測(cè)如果在不同幀和窗口創(chuàng)建的數(shù)組，會(huì)給出false，window對(duì)象不一樣了.

可靠的方法是if(Object.prototype.toString.apply(value)==="[object Array]")

arguments 數(shù)組不是一個(gè)數(shù)組，他只是一個(gè)有著length成員屬性的對(duì)象。
　　如下面例子所示 arguments不是普通的array

復(fù)制代碼代碼如下:

var a = function (){
var b = Object.prototype.toString.apply(arguments);
console.log(b);

}
a();//輸出[object Arguments]

復(fù)制代碼代碼如下:

var a = function (){
      var c = [];
      var b = Object.prototype.toString.apply(c);
      console.log(b);

}
a();//輸出[object Array]

instanceof是如何判斷是否實(shí)例

prototype里面的屬性有constructor.

默認(rèn)的prototype屬性是一個(gè)object對(duì)象，可以設(shè)置為任何復(fù)雜值，忽略設(shè)置為原始值.

雖然他盡是一個(gè)對(duì)象，但他是特殊性的，圓形鏈將每個(gè)實(shí)例都鏈接至其構(gòu)造函數(shù)的prototype屬性。實(shí)例與構(gòu)造函數(shù)的 prototype屬性之間有一個(gè)隱蔽的鏈接，這就是實(shí)例的__proto__。同時(shí)實(shí)例的constructor屬性是通過構(gòu)造函數(shù)prototype的constructor拿到的。

但是要保留constructor,這樣可以讓new的實(shí)例有constructor的屬性，也可以使用instanceof來判斷。

復(fù)制代碼代碼如下:

var Foo = function(){}

Foo.prototype={constructor:Foo}

var FooInstance = new Foo;

FooInstance.__proto__=== Foo.prototype;//true

FooInstance.constructor === Foo; //true

實(shí)際上instanceof判斷不是依據(jù)constructor,而是依據(jù)原型鏈判斷，如下面例子

復(fù)制代碼代碼如下:

 var Foo = function(){};
 Foo.prototype={};
 var FooInstance = {};
 FooInstance.__proto__=Foo.prototype;
 console.log(FooInstance instanceof Foo);//true 

使用原始值，不使用構(gòu)造函數(shù)

哪些值算是false:false,"",null,0,-0,NaN,undefined，這些算是false其他都是true

但是請(qǐng)注意下面這個(gè)例子

復(fù)制代碼代碼如下:

　　　　var a = Boolean(false);
        var b = new Boolean(""); 
        if (a ){console.log(a);}//無法輸出
        if (b ){console.log(b);}//Boolean {[[PrimitiveValue]]: false} new 一個(gè)相當(dāng)于一個(gè)對(duì)象了，就不是false

上面的文章理論性稍強(qiáng)了一些，不過這些都是構(gòu)成javascript語言的基礎(chǔ)，一定要了解清楚才行。

上一篇：jquery 操作css樣式、位置、尺寸方法匯總

下一篇：javascript中數(shù)組array及string的方法總結(jié)