DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript基本類型詳解
javascript基本類型詳解
編輯:JavaScript基礎知識     

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語言的基礎,一定要了解清楚才行。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved