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

<!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. Visual Studio Team Systems

    https://www.cnblogs.com/33568639/archive/2008/12/29/1364222.html https://baike.sogou.com/v7818386.ht ...

  2. Java同步数据结构之CopyOnWriteArrayList/CopyOnWriteArraySet

    前言 前面介绍完了队列(包括双端队列),今天探讨以下Java并发包中一个List的并发数据结构实现CopyOnWriteArrayList,顾名思义CopyOnWriteArrayList也是一种基于 ...

  3. mysql查询表里的重复数据方法

    select username,count(*) as count from hk_test group by username having count>1;

  4. 阶段5 3.微服务项目【学成在线】_day04 页面静态化_19-页面静态化-模板管理-模板存储

    因为没有界面,所以手动的通过操作数据库的方式来存储 比如说要存一个轮播图的模板 把自增的_id去掉 先用测试程序把文件存储到gridFS得到一个gridId,然后拿着这个文件的id 这样就添加好了这一 ...

  5. 阶段5 3.微服务项目【学成在线】_day04 页面静态化_06-freemarker基础-遍历map数据

    大的map里面有一些小的map 遍历数据模型里面的stuMap <br/> 遍历数据模型中的stuMap(map)数据 <br/> 姓名:${stuMap['stu1'].na ...

  6. shell练习题集合

    1. 获取ip或MAC地址(方法不唯一) [root@cicd ~]# ip a| grep 'inet' | awk -F " +" '{print $3}'| awk -F & ...

  7. JS中的prototype、__proto__与constructor（图解）

    作为一名前端工程师,必须搞懂JS中的prototype.__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞 ...

  8. 什么是UEFI

    UEFI是什么?也许我们大多数用户对这个概念很模糊.uefi可以做什么,有什么具体的应用?虽然不知道具体是做什么的,但是我们经常会在BIOS设置中发现UEFI的踪迹.因为现在越来越多的电脑已经使用了U ...

  9. 学习Yii(2)

    Yii拥有很好的手册,还是中文的,官方的手册很详细.还是应该好好看一下.今天就开始跟着项目代码调试. 上次看到入口脚本,学习一定要快,要用心,抓住时间.不然时间拖久了就忘了.延续不上,大打折扣.而且要 ...

  10. MATLAB符号求解极限积分微分级数2

    一.符号表达式的极限 limit(F,x,a):求当时,符号表达式F的极限. limit(F,a):符号表达式F采用默认自变量(可由函数findsym求得),该函数求F的自变量趋于a时的极限值. li ...