一个变量能够寄存两种范例的值,基础范例的值(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; // 增加 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
更细致的范例检测请看参考资料!
有毛病的处所,迎接人人指出来!
参考资料
【文章】[ JS 进阶 ] 基础范例 援用范例 简朴赋值 对象援用(引荐)
【Stack Overflow】Javascript by reference vs. by value
【文章】[[JS] 让人犯晕的JavaScript变量赋值](http://hellobug.github.io/blo…
【文章】怎样搜检JavaScript变量范例?(引荐)
【文章】Stack的三种寄义