首頁 > web前端 > js教程 > 主體

javascript基本型別詳解_基礎知識

WBOY
發布: 2016-05-16 16:29:50
原創
1369 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板