javascript簡單資料型別與複雜資料型別比較實例詳解-js教程-PHP中文網

javascript簡單資料型別與複雜資料型別比較實例詳解

伊谢尔伦

發布： 2017-07-21 13:58:35

原創

3553 人瀏覽過

JavaScript中的資料類型

簡單（基本）資料型態：Number、String、Boolean、Undefined、Null

複雜（引用）資料類型: Object 、Array、Date、function等

以下介紹簡單（基本）資料型別與複雜（引用）資料型別的差異：

簡單資料型別：在堆疊內直接儲存值

#複雜資料類型：在堆疊中儲存引用

在了解上述兩種資料類型的儲存方式之後可以區分兩者的不同，可透過做以下的練習：

var a =10;
  var b = a;
  //问：当改变a的值后，b的值是否发生改变
  a=20;
  console.log(b);  // 10

登入後複製

var s1 = new Object();
var s2 = s1;
//问：改变s1的属性后，s2相同的属性是否改变
s1.name = "mh";
console.log(s2.name);    //mh

登入後複製

function f2(arr)
     {
       arr = [9,8,7,6,5];//产生新的对象
       arr[0]=-100;
     }
     var array = [1,2,4,7,5];
     f2(array);
     console.log(array[0]);//  1

登入後複製

JavaSript中的變數提升，function宣告以及變數作用域

首先先看以下下面的一道面試題目：

var num = 10;
    fun();
    function fun()
    {
      console.log(num);
      var num =20;
    }

登入後複製

#在沒有學習之前會直接回答為10，現在學習JavaScript中的預編譯概念知道了var關鍵字的提升概念以及function的宣告概念知道了以上程式碼與下面程式碼等量：

var num;//全局作用域  遇到var和function 提升
     function fun() {
       var num ;  //局部做用户 遇到var 提升
       console.log(num);
       num =20;
     }
    num = 10;
    fun();

登入後複製

再看下面這題：

//问题：为什么会出现下面的错误？
      //Uncaught TypeError:fnName is not a function

      console.log(fnName(1,2));
      var fnName = function (a,b) {
        return a + b;
      }

登入後複製

以上程式碼等同於以下程式碼：

var fnName;
      console.log(fnName(1,2));
      fnName = function (a,b) {
        return a + b;
      }

登入後複製

可以看到因為function在等號右面所以只會對var進行提升，從而會回報「Uncaught TypeError:fnName is not a function」錯誤。

了解變數的作用域可以看以下程式碼：

f1();
        console.log(c);
        console.log(b);
        console.log(a);
        function f1() {
          var a = b = c = 20;
          console.log(c);
          console.log(b);
          console.log(a);
        }

登入後複製

對於var a=b=c=20; 這類連續賦值，在局部作用域內只會對a再聲明，而b、c的作用域為全域作用域。所以只有全域作用域內的a報錯為"Uncaught ReferenceError: a is not defined"。

以上是javascript簡單資料型別與複雜資料型別比較實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！