javascript基本類型詳解

2019-11-20 13:51:32

字體：大中小

來源：轉載

供稿：網友

js中一共5個原始值，6個typeof能判斷的，9個原生的內置的構造函數。

　　這569，構成了js語言的基礎。

　　 5個原始值是：數字，字符，布爾，null,undefined

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

typeof不能區分出數組和對象，如何判斷類型呢？使用Object.prototype.toString.apply（）。

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

上面的檢測如果在不同幀和窗口創建的數組，會給出false，window對象不一樣了.

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

arguments 數組不是一個數組，他只是一個有著length成員屬性的對象。
　　如下面例子所示 arguments不是普通的array

復制代碼代碼如下:

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

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

復制代碼代碼如下:

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

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

instanceof是如何判斷是否實例

prototype里面的屬性有constructor.

默認的prototype屬性是一個object對象，可以設置為任何復雜值，忽略設置為原始值.

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

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

復制代碼代碼如下:

var Foo = function(){}

Foo.prototype={constructor:Foo}

var FooInstance = new Foo;

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

FooInstance.constructor === Foo; //true

實際上instanceof判斷不是依據constructor,而是依據原型鏈判斷，如下面例子

復制代碼代碼如下:

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

使用原始值，不使用構造函數

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

但是請注意下面這個例子

復制代碼代碼如下:

　　　　var a = Boolean(false);
        var b = new Boolean(""); 
        if (a ){console.log(a);}//無法輸出
        if (b ){console.log(b);}//Boolean {[[PrimitiveValue]]: false} new 一個相當于一個對象了，就不是false

上面的文章理論性稍強了一些，不過這些都是構成javascript語言的基礎，一定要了解清楚才行。

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

下一篇：javascript中數組array及string的方法總結