美文网首页
JavaScript 深入了解基本类型和引用类型的值

JavaScript 深入了解基本类型和引用类型的值

作者: hope7th | 来源:发表于2016-09-01 22:38 被阅读174次

一个变量可以存放两种类型的值,基本类型的值(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)!

约定:基本数据类型与原始数据类型等意。

基本数据类型的值是按值访问的。

基本类型的值是不可变的

varstr ="123hello321";str.toUpperCase();// 123HELLO321console.log(str);// 123hello321

基本类型的比较是它们的值的比较

vara =1;varb =true;console.log(a == b);// trueconsole.log(a === b);// false

上面 a 和 b 的数据类型不同,但是也可以进行值的比较,这是因为在比较之前,自动进行了数据类型的隐式转换。

==: 只进行值的比较

===: 不仅进行值得比较,还要进行数据类型的比较

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

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

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

引用类型

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

引用类型的值是按引用访问的。

引用类型的值是可变的

varobj = {name:"zyj"};// 创建一个对象obj.name ="percy";// 改变 name 属性的值obj.age =21;// 添加 age 属性obj.giveMeAll =function(){returnthis.name +" : "+this.age;};// 添加 giveMeAll 方法obj.giveMeAll();

引用类型的比较是引用的比较

varobj1 = {};// 新建一个空对象 obj1varobj2 = {};// 新建一个空对象 obj2console.log(obj1 == obj2);// falseconsole.log(obj1 === obj2);// false

因为 obj1 和 obj2 分别引用的是存放在堆内存中的2个不同的对象,故变量 obj1 和 obj2 的值(引用地址)也是不一样的!

引用类型的值是保存在堆内存(Heap)中的对象(Object)

与其他编程语言不同,JavaScript 不能直接操作对象的内存空间(堆内存)。

vara = {name:"percy"};varb;b = a;a.name ="zyj";console.log(b.name);// zyjb.age =22;console.log(a.age);// 22varc = {  name:"zyj",  age:22};

图解如下:

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

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

检测类型

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

vara;typeofa;// undefineda =null;typeofa;// objecta =true;typeofa;// booleana =666;typeofa;// numbera ="hello";typeofa;// stringa = Symbol();typeofa;// symbola =function(){}typeofa;// functiona = [];typeofa;// objecta = {};typeofa;// objecta =/aaa/g;typeofa;// object

instanceof:用来判断某个构造函数的 prototype 属性所指向的对象是否存在于另外一个要检测对象的原型链上

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

({})instanceofObject// true([])instanceofArray// true(/aa/g)instanceofRegExp// true(function(){})instanceofFunction// true

更详细的类型检测请看参考资料!

相关文章

  • 基本类型值和引用类型值

    JavaScript变量可以用来保存两种类型的值:基本类型值和引用类型值。 *引用类型包括: 基本类型值和引用类型...

  • JS 作用域及变量值的引用

    基本类型和引用类型的值 JavaScript 变量可以用来保存两种类型的值:基本类型值和引用类型值。基本类型值源自...

  • 变量、作用域和内存问题

    1. 基本类型值和引用类型的值 JavaScript变量可以用来保存两种类型的值:基本类型值和引用类型的值。 基本...

  • 引用类型对象拷贝

    1.引用类型有哪些?非引用类型有哪些 JavaScript数据分为基本类型值和引用类型值基本类型值(数值、布尔值、...

  • JS中实现浅拷贝和深拷贝

    (一)JS中基本类型和引用类型 JavaScript的变量中包含两种类型的值:基本类型值 和 引用类型值,在内存中...

  • JavaScript变量、作用域和内存问题

    JavaScript类型松散,值和类型都可以改变 基本类型和引用类型的值 ECMAScript变量包括基本类型和引...

  • 对象、Objects

    javascript的基本结构类型可以分为:简单值类型和对象(引用类型) -->简单值类型包含:number、st...

  • JS基本类型和引用类型

    JS中可以把变量分成两部分,基本类型和引用类型。 JavaScript值类型和引用类型有哪些(1)值类型:数值、布...

  • 基本类型值和引用类型值以及数组Array数组

    JavaScript变量可以用来保存两种类型的值:基本类型值和引用类型值基本类型值源于以下5种基本类型:Undef...

  • 变量的基本类型和引用类型的笔记

    javascript的变量可以分为基本类型值和引用类型值;基本类型值指的是简单的数据段,包括undefined,n...

网友评论

      本文标题:JavaScript 深入了解基本类型和引用类型的值

      本文链接:https://www.haomeiwen.com/subject/oodhettx.html