JavaScript 深切相识基础范例和援用范例的值

2019年8月31日 170次阅读 来源: percy507

原文链接

一个变量能够寄存两种范例的值，基础范例的值（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

图解以下：栈内存中包含了变量的标识符和变量的值

《JavaScript 深切相识基础范例和援用范例的值》

援用范例

除过上面的 6 种基础数据范例外，剩下的就是援用范例了，统称为 Object 范例。细分的话，有：Object 范例、Array 范例、Date 范例、RegExp 范例、Function 范例 等。

援用范例的值是按援用接见的。

  • 援用范例的值是可变的

    var obj = {name:"zyj"};   // 建立一个对象
obj.name = "percy";       // 转变 name 属性的值
obj.age = 21;             // 增加 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
};

图解以下：

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

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

《JavaScript 深切相识基础范例和援用范例的值》

检测范例

  • 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

更细致的范例检测请看参考资料！

有毛病的处所，迎接人人指出来！

参考资料

    原文作者：percy507
    原文地址: https://segmentfault.com/a/1190000006752076
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞