JavaScript基础知识-基本数据类型和引用数据类型

简介: 关于JavaScript基础知识的文章,主要介绍了基本数据类型和引用数据类型。

作者:尹正杰
版权声明:原创作品,谢绝转载!否则将追究法律责任。

一.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>基本数据类型和引用数据类型</title>
    </head>

    <script type="text/javascript">
        /**
         *     基本数据类型:
         *         String(字符串)
         *         Number(数值)
              *         Boolean(布尔值)
         *      Null(空值)
         *         Undefined(未定义)
         * 
         *    引用数据类型:
         *        Object(对象)
         * 
         *     JS中的变量都是保存到栈内存中的,只不过引用数据类型和基本数据类型对应的值有所区别:
         *         基本数据类型的值直接在栈内存中存储,值与值之间是独立存在的,修改一个变量不会影响其它的变量;
         *         引用数据类型(对象)是保存在堆内存中的,每创建一个新的对象就会在堆内存中开辟一个新的空间,而变量保存的是对象的内存地址(对象的引用);
         * 
         */
        a = 2020;
        b = a;
        console.log(a);
        console.log(b);

        //对基本数据类型进行修改
        a = a + 100;
        console.log(a);
        console.log(b);


        var obj1  = new Object();
        obj1.name = "尹正杰";
        var obj2  = obj1;
        console.log(obj1.name);
        console.log(obj2.name);

         //对引用数据类型进行修改
        obj2.name = "Jason Yin";
        console.log(obj1.name);
        console.log(obj2.name);

         //将obj1的引用地址设置为null,并不会影响到obj2
         obj1 = null;
         console.log(obj1);
        console.log(obj2);

        var x = 100,y=100;

        /**
         *     当比较两个基本数据类型时,就是比较值
         */
        console.log(x == y);

        var obj3 = new Object(),obj4 = new Object();
        obj3.name = "齐天大圣孙悟空";
        obj4.name = "齐天大圣孙悟空";

        /**
         *    当比较两个引用数据类型时,它们比较的是对象的内存地址,也就是说,两个对象存储的数据是一样的,但它们的内存地址不同,返回的依旧是flase。
         */
        console.log(obj3 == obj4);

    </script>
    <body>
    </body>
</html>

二.浏览器打开以上代码渲染结果

目录
相关文章
|
3月前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
141 59
|
4月前
|
JavaScript
js基础数据类型
js基础数据类型
32 1
|
2月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
93 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
2月前
|
JavaScript 前端开发 开发者
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
24 1
|
2月前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
26 0
|
3月前
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
59 2
|
4月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
4月前
|
开发者 图形学 开发工具
Unity编辑器神级扩展攻略:从批量操作到定制Inspector界面,手把手教你编写高效开发工具,解锁编辑器隐藏潜能
【8月更文挑战第31天】Unity是一款强大的游戏开发引擎,支持多平台发布与高度可定制的编辑器环境。通过自定义编辑器工具,开发者能显著提升工作效率。本文介绍如何使用C#脚本扩展Unity编辑器功能,包括批量调整游戏对象位置、创建自定义Inspector界面及项目统计窗口等实用工具,并提供具体示例代码。理解并应用这些技巧,可大幅优化开发流程,提高生产力。
408 1
|
4月前
|
JavaScript 前端开发
JS常用数据类型转换(数字型和字符串型之间转换)
JS常用数据类型转换(数字型和字符串型之间转换)
65 2
|
4月前
|
前端开发 JavaScript
Web 前端大揭秘!JS 数据类型检测竟如此震撼,一场惊心动魄的代码探秘之旅等你来!
【8月更文挑战第23天】在Web前端开发中,合理检测数据类型至关重要。JavaScript作为动态类型语言,变量类型可在运行时变化,因此掌握检测技巧十分必要。
37 1