JavaScript 深切领会根基类型和援用类型的值

发布日期:2019-07-23 19:47:21 阅读数: 177次 来源: 作者:

一个变量能够存放两品种型的值,根基类型的值(primitive values)和援用类型的值(reference values)。

ES6 引入了一种新的原始数据类型 Symbol,暗示并世无双的值。它是 JavaScript 言语的第七种数据类型,前六种是:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。


根基类型

JavaScript 中共有 6 种根基数据类型:Undefined、Null、Boolean、Number、String、Symbol (new in ES 6) !

商定:根基数据类型与原始数据类型等意。

根基数据类型的值是按值拜候的。

  • 根基类型的值是不成变的

    var str = "123hello321";
    str.toUpperCase();     // 123HELLO321
    console.log(str);      // 123hello321
  • 根基类型的比力是它们的值的比力

    var a = 1;
    var b = true;
    console.log(a == b);    // true
    console.log(a === b);   // false

    上面 a 和 b 的数据类型分歧,可是也能够进行值的比力,这是由于在比力之前,主动进行了数据类型的 隐式转换。

    • == : 只进行值的比力

    • === : 不只进行值得比力,还要进行数据类型的比力

  • 根基类型的变量是存放在栈内存(Stack)里的

    var a,b;
    a = "zyj";
    b = a;
    console.log(a);   // zyj
    console.log(b);   // zyj
    a = "呵呵";       // 改变 a 的值,并不影响 b 的值
    console.log(a);   // 呵呵
    console.log(b);   // zyj

图解如下:栈内存中包罗了变量的标识符和变量的值

援用类型

除过上面的 6 种根基数据类型外,剩下的就是援用类型了,统称为 Object 类型。细分的话,有:Object 类型、Array 类型、Date 类型、RegExp 类型、Function 类型 等。

援用类型的值是按援用拜候的。

  • 援用类型的值是可变的

    var obj = {name:"zyj"};   // 建立一个对象
    obj.name = "percy";       // 改变 name 属性的值
    obj.age = 21;    亚博手机app         // 添加 age 属性
    obj.giveMeAll = function(){
      return this.name + " : " + this.age;
    };                        // 添加 giveMeAll 方式
    obj.giveMeAll();
  • 援用类型的比力是援用的比力

    var obj1 = {};    // 新建一个空对象 obj1
    var obj2 = {};    // 新建一个空对象 obj2
    console.log(obj1 == obj2);    // false
    console.log(obj1 === obj2);   // false

    由于 obj1 和 obj2 别离援用的是存放在堆内存中的2个分歧的对象,故变量 obj1 和 obj2 的值(援用地址)也是纷歧样的!

  • 援用类型的值是保留在堆内存(Heap)中的对象(Object)
    与其他编程言语分歧,JavaScript 不克不及间接操作对象的内存空间(堆内存)。

    var a = {name:"percy"};
    var b;
    b = a;
    a.name = "zyj";
    console.log(b.name);    // zyj
    b.age = 22;
    console.log(a.age);     // 22
    var c = {
      name: "zyj",
      age: 22
    };

图解如下:

  • 栈内存中保留了变量标识符和指向堆内存中该对象的指针

  • 堆内存中保留了对象的内容

图片描述

检测类型

  • typeof:经常用来检测一个变量是不是最根基的数据类型

    var a;
    typeof a;    // undefined
    
    a = null;
    typeof a;    // object
    
    a = true;
    typeof a;    // boolean
    
    a = 666;
    typeof a;    // number 
    
    a = "hello";
    typeof a;    // string
    
    a = Symbol();
    typeof a;    // symbol
    
    a = function(){}
    typeof a;    // function
    
    a = [];
    typeof a;    // object
    a = {};
    typeof a;    // object
    a = /aaa/g;
    typeof a;    // object   
  • instanceof:用来判断某个机关函数的 prototype 属性所指向的对象能否具有于别的一个要检测对象的原型链上

    简单说就是判断一个援用类型的变量具体是不是某品种型的对象

    ({}) instanceof Object              // true
    ([]) instanceof Array               // true
    (/aa/g) instanceof RegExp           // true
    (function(){}) instanceof Function  // true
本文由亚博手机app编辑整理亚博手机app