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>

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

目录
相关文章
|
1月前
|
JavaScript
js基础数据类型
js基础数据类型
26 1
|
1月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
25天前
|
JavaScript 前端开发
JS常用数据类型转换(数字型和字符串型之间转换)
JS常用数据类型转换(数字型和字符串型之间转换)
34 2
|
25天前
|
前端开发 JavaScript
Web 前端大揭秘!JS 数据类型检测竟如此震撼,一场惊心动魄的代码探秘之旅等你来!
【8月更文挑战第23天】在Web前端开发中,合理检测数据类型至关重要。JavaScript作为动态类型语言,变量类型可在运行时变化,因此掌握检测技巧十分必要。
22 1
|
25天前
|
存储 前端开发 JavaScript
Web前端的奇幻之旅:探索JS数据类型的奥秘与差异
【8月更文挑战第23天】JavaScript是一种动态类型语言,提供多种内置数据类型支持信息的存储与操作。这些类型对Web前端开发者至关重要,直接影响代码性能与可读性。JavaScript数据类型主要分为两大类:原始数据类型(如Undefined、Null、Boolean等)与引用数据类型(如Object、Array等)。原始类型直接存储值,而引用类型存储指向数据的引用。原始类型不可变且存储在栈中,访问更快;引用类型则存储在堆中,可通过其引用进行修改。理解这些差异有助于编写高效、可维护的代码。
29 0
|
1月前
|
存储 JavaScript 前端开发
JavaScript引用数据类型和构造函数的秘密
JavaScript引用数据类型和构造函数的秘密
|
1月前
|
JavaScript
js基础数据类型
js基础数据类型
|
25天前
|
JavaScript
js常用数据类型转换
js常用数据类型转换
24 0
|
26天前
|
JavaScript 前端开发
揭开JavaScript变量作用域与链的神秘面纱:你的代码为何出错?数据类型转换背后的惊人秘密!
【8月更文挑战第22天】JavaScript是Web开发的核心,了解其变量作用域、作用域链及数据类型转换至关重要。作用域定义变量的可见性与生命周期,分为全局与局部;作用域链确保变量按链式顺序查找;数据类型包括原始与对象类型,可通过显式或隐式方式进行转换。这些概念直接影响代码结构与程序运行效果。通过具体示例,如变量访问示例、闭包实现计数器功能、以及动态表单验证的应用,我们能更好地掌握这些关键概念及其实践意义。
21 0
|
26天前
|
存储 JavaScript 前端开发
js 数据类型 字符串、数字和布尔值
js 数据类型 字符串、数字和布尔值