先了解一下数组的基础知识：附代码(数组属于引用类型的对象)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <script type="text/javascript">

        // 数组：存储一组变量的内存中连续存储多个数据的存储空间

        // 使用数组的好处：连续存储的多个数据便于维护和查询

        // 数组的创建：

        // 1.创建空数组：

        var arr = [];

        var arr1 = new Array();

        // 2.创建一个已知数据个数的空数组

        var arr2 = new Array();

        // 3.创建数组同时赋值

        var arr = ["王五","李四","张三"];

        var arr1 =new Array("王五","李四","张三");

        // 通过下标访问数组,若无值就显示undefined

        console.log(arr[],arr[],arr[],arr[]);

        // 特征：

        // 1.不限制元素的存储数据类型

        var array = ["jack",true,3.14];

        // 2.不限制下标的越界

        array[] = ;//自动在制定位置新建元素保存元素

        console.log(array);

        console.log(array[]);

        // 3.不限制数组的元素个数

        array[] = "marry";

        console.log(array);

        // 4.数组的.length属性：记录了理论上的元素个数 永远是最后一个元素的下标+1

        console.log(array.length);//10+1

        // 5.获取数组的最后一个元素 array.length-1

        console.log(array[array.length-]);

        // 6.在数据末尾追加新内容 array.length

        array[array.length] = "haha";

        console.log(array);

        // 删掉数组中的某个元素

        array[]="";

        // 删掉数组的最后一个元素

        array.length--;

        // 删掉数组末尾的n个元素

        array.length = array.length-n;

    </script>

</body>

</html>

基础类型：number string boolean undefined null

数据直接保存在变量本地的数据类型
数据进行传值时，是将原变量的值复制一份传递给新变量，新变量的值发生改变时，原变量的值不会发生变化
引用类型：
1.数据无法直接保存在变量本地的数据类型，变量只允许保存一个值
2.引用类型的对象会在window对象之外创建一个独立的存储空间，并给一 个唯一的地址，变量中保存的就只这个存储空间的地址——称为"引用"
3.数据进行传值时，传递的是地址，若新变量修改，则数据也会改变

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>数组是引用类型的对象</title>

</head>

<body>

    <script type="text/javascript">

        // 基础类型进行传值时 新变量的改变并不会影响原变量

        var a =10;

        var b=a;

        b++;

        console.log(a);//值为10

        console.log(b);//值为11

        // 引用类型进行传值时，新变量的改变会直接改变原变量的值，因为对象之间传递的时存储数据的地址

        var arr = [1,2,3,4,5];

        var arr1 =arr;

        arr1.length--;

        console.log(String(arr));//1,2,3,4

        arr1 = null;//当赋值为空时，表示此变量不再引用这个数组

        console.log(String(arr1));

        // undefined js使用 定义变量为赋值时，变量的初值为undefined

        // null 程序员使用，手动清楚一个变量的内容

            // 基础类型：直接清空变量内容

            // 引用类型：表示变量不再引用对象

        // 何时清空一个变量

        // 垃圾回收：js引擎会自动释放不再被任何变量引用的对象

        // 垃圾回收器：专门回收不再使用的对象的小程序

            // 1.记录每一个对象，被几个变量引用着，每多一个变量引用，计数器+1

            //     当一个变量赋值null时，计数器-1

            // 2.当计数器为0时，表示对象不再被任何变量引用，对象就被回收

            // 3.使用一个较大的对象时 主动清空

    </script>

</body>

</html>

JavaScript-->基础类型和引用类型的区别的更多相关文章

  1. 【转】Javascript基本类型和引用类型的区别

    根据[转贴]进一步补充 今天明白了一个困扰很久的问题:引用类型和基本类型的区别与联系要明白这个问题,首先需要理解堆栈的概念.那什么又是堆栈,有什么区别和联系呢?堆:首先堆是动态分配的,JVM并不会自动 ...

  2. javascript中基本类型和引用类型的区别分析

    大多数人系统学习过的程序设计语言,在这些语言的学习过程中最早学到的几个要点之一就是值类型和引用类型的区别.下面我们来看一下在 JavaScript 中基本数据类型(Primitive Types)和引 ...

  3. [转]javascript中基本类型和引用类型的区别分析

    基本类型和引用类型 ECMAScript包含两个不同类型的值:基本类型值和引用类型值.基本类型值指的是简单的数据段:引用类型值指由多个值构成的对象.当我们把变量赋值给一个变量时,解析器首先要做的就是确 ...

  4. JavaScript 基本类型和引用类型

    前言 ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值.基本类型值指的是简单的数据段,而引用类型值指那些可能由多个值构成的对象. 基本类型 Undefined.Null.B ...

  5. javascript基本类型和引用类型，作用域和内存问题

    基本类型(null.undefined.boolean.number.string)和引用类型(Object 对象) 1  基本类型:只能不存一个值,一种类型:从一个变量向另一个变量复制基本类型的值, ...

  6. js 中的基本类型和引用类型的区别

    js中的基本类型赋值之后,只有值相等的时候,二者才会相等,例如 var  a='123'; var b=a; console.log(a===b); 返回的是true ,说明他们是相等的, 此时改变a ...

  7. js中函数参数基本类型和引用类型的区别

    高级程序设计中说明,所有函数的参数都是按值传递的. 基本类型 向参数传递基本类型的值时,被传递的值会被复制给对应的命名参数 function addTen(num){ num=+10; return ...

  8. 【js】基本类型和引用类型的区别

    1.保存方式:(一脸懵逼???) 基本类型是按值访问的,可以在变量的生命周期改变它,但是它是储存在哪里的呢?在浏览器缓存吗?[执行环境中定义的所有变量和函数都存储在执行环境的变量对象里,变量对象我们编 ...

  9. Javascript之基本类型和引用类型

    ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值,基本类型值指的是简单的数据段,而引用类型值指那些可能由多个值构成的对象. 在将一个值赋给变量时,解析器必须确定这个值是基本 ...

随机推荐

  1. 解决 Windows启动时要求验证

    KB971033 微软检测盗版jar SLMGR -REARM 出现Window启动时要求验证版本, 在cmd窗口输入命令重新配置 重新启动即可 出现错误:解决办法 开始→设置,打开控制面板的“添加和 ...

  2. jExcelAPI 操作 Excel 文件

    在开源世界中,有两套比较有影响的API可 供使用,一个是POI,一个是jExcelAPI.其中功能相对POI比较弱一点.但jExcelAPI对中文支持非常好,API是纯Java的, 并不 依赖Wind ...

  3. JAVA 基础编程练习题19 【程序 19 打印菱形图案】

    19 [程序 19 打印菱形图案] 题目:打印出如下图案(菱形) *    ***  ************  *****    ***      * 程序分析:先把图形分成两部分来看待,前四行一个 ...

  4. python列表插入--append(), extend(), insert()

    append(),extend(), insert()都是列表操作中常用的插入函数.其中前两个均接收一个参数,并插入到列表尾部.最后一个接收两个参数,将参数2插入到参数1之前. 本文主要讨论appen ...

  5. 《精通并发与Netty》学习笔记（09 - Java中流的概念）

    Java中流的概念 java程序通过流来完成输入/输出.流是生产或消费信息的抽象.流通过java的输入/输出与物理设备链接.尽管与它们链接的物理设备不尽相同,所有流的行为具有同样的方式.这样,相同的输 ...

  6. 【FFMPEG】Windows下使用Visual Studio 2010编译ffmpeg全过程

    原文  http://www.cnblogs.com/xylc/p/3683203.html 主题 FFmpegWindowsVisual Studio ffmpeg是一个开源的多媒体库,使用非常广泛 ...

  7. 解决Vue跨域问题 : 正向代理与反向代理

    你需要做一个反向代理的东西   ===> 打开你的vue项目的config文件夹下的index.js 找到以下代码 dev: { proxyTable: { '/api': { target: ...

  8. MemCache可视化客户端管理及监控工具TreeNMS

    参考地址:https://www.cnblogs.com/li150dan/p/9529054.html

  9. java中类加载的全过程及内存图分析

    类加载机制: jvm把class文件加载到内存,并对数据进行校验.解析和初始化,最终形成jvm可以直接使用的java类型的过程. (1)加载 将class文件字节码内容加载到内存中,并将这些静态数据转 ...

  10. <cctype>的用法

    #include<cctype> 1.isalnum() 检查字符c是十进制数还是大写还是小写字母.如果是,则返回true:如果不是,则返回false. 2.isalpha() 检查字符c ...