首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

原生JS | 值类型引用类型变量

HTML5学堂-码匠:在JavaScript中,存在着两种不同的变量类型,一种是值类型变量,一种是引用类型变量。...其中数组、对象、函数都属于引用类型变量,数值、布尔值、null、undefined、字符串属于值类型变量,不同类型变量在参数传递方面有不同的运行机制。...:值类型引用类型。...不同类型的数据在“赋值”时机制并不相同。 欢迎沟通交流~~~HTML5学堂(码匠) 值类型变量 值类型包括:数值、布尔值、null、undefined、字符串。...引用类型变量 引用类型包括:对象、数组、函数。 引用类型变量的交换,并不会创建一个新的空间,而是让新变量和之前的变量,同时指向一个原有空间(即同一个地址)。可以理解为C语言的指针。

3.4K90
您找到你想要的搜索结果了吗?
是的
没有找到

JS原生引用类型解析6-Boolean类型

简介 为了便于操作基本类型值,ECMAScript提供了3个特殊的引用类型作为基本包装类型:String,Number和Boolean。...实际上,每当读取一个基本类型值得时候,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据。 2....Boolean类型对象创建 Boolean类型是与布尔值对应的引用类型,Boolean类型对象创建是使用Boolean构造函数。下面是使用Boolean构造函数传入不同类型参数后的情况。...// 传入Number类型非0 console.log(new Boolean(1)); // Boolean {true} // 传入Number类型0 console.log(new Boolean...类型 console.log(new Boolean(Infinity)); // Boolean {true} // 传入String类型 console.log(new Boolean('123'

1.2K10

JS原生引用类型解析1-Object类型

简介 Object是ECMAScript中使用最多的一个类型,所有引用类型默认都继承Object,这种既成通过原型链实现,所有对象从Object.prototype继承方法和属性,尽管它们可能被覆盖。...(具体可参考JS入门难点解析10-创建对象) Object.defineProperty() 直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象。...(具体可参考JS常用方法整理-遍历对象) Object.getOwnPropertySymbols() 回一个给定对象自身的所有 Symbol 属性的数组。...(如果它们类型不同),然后才进行相等性比较,(所以才会有类似 "" == false 为 true 的现象),但 Object.is 不会做这种类型转换。...Object.keys() 返回一个由一个给定对象的自身可枚举属性组成的数组数组中属性名的排列顺序和使用for...in...循环遍历该对象时返回的顺序一致 (两者的主要区别是for-in 循环还会枚举其原型链上的属性

2.1K10

JS原生引用类型解析5-Number类型

简介 为了便于操作基本类型值,ECMAScript提供了3个特殊的引用类型作为基本包装类型:String,Number和Boolean。...实际上,每当读取一个基本类型值得时候,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据。 2....Number类型对象创建 Number类型是与数字值对应的引用类型,Number类型对象创建是使用Number构造函数。下面是使用Number构造函数传入不同类型参数后的情况。...// 传入Number类型 console.log(new Number(1)); // Number {1} // 传入NaN类型 console.log(new Number(NaN)); //...Number原型对象的属性 Number.prototype.constructor 指向构造函数Array 5.2 Number原型对象的方法 注意:整数无法直接调用Number原型对象的方法(是JS

2.1K10

JS原生引用类型解析4-String类型

简介 为了便于操作基本类型值,ECMAScript提供了3个特殊的引用类型作为基本包装类型:String,Number和Boolean。...String类型对象创建 String类型是与字符串对应的引用类型,String类型对象创建是使用String构造函数。下面是使用String构造函数传入不同类型参数后的情况。...如果字符串匹配到了表达式,会返回一个数组数组的第一项是进行匹配完整的字符串,之后的项是用圆括号捕获的结果。...如果在str中省略或不出现分隔符,则返回的数组包含一个由整个字符串组成的元素。如果分隔符为空字符串,则将str原字符串中每个字符的数组形式返回。 limit 一个整数,限定返回的分割片段数量。...当提供此参数时,split 方法会在指定分隔符的每次出现时分割该字符串,但在限制条目已放入数组时停止。如果在达到指定限制之前达到字符串的末尾,它可能仍然包含少于限制的条目。新数组中不返回剩下的文本。

1.8K30

JS原生引用类型解析7-Promise类型

Promise.length 长度总为1 (构造器参数的数目) Promise.name 名称为"Promise" Promise.prototype 指向Promise构造函数的原型,可以为所有 Promise 类型的对象添加属性...这个新的promise对象在触发成功状态以后,会把一个包含iterable里所有promise返回值的数组作为成功回调的返回值,顺序跟iterable的顺序保持一致;如果这个新的promise对象触发了失败状态...如果该值是一个Promise对象,则直接返回该对象;如果该值是thenable(即,带有then方法的对象),返回的Promise对象的最终状态由then方法执行决定;否则的话(该value为空,基本类型或者不带...promise Promise.resolve(thenable); 返回一个最终状态由then方法执行决定的Promise对象 Promise.resolve(value) value为空,基本类型

1.3K10

js中的值类型引用类型的区别

js中的值类型引用类型的区别 1.JavaScript中的变量类型有哪些?...ECMAScript 2016新增了一种基本数据类型:symbol es6.ruanyifeng.com/#docs/symbo… ) (2)引用类型:对象(Object)、数组(Array)、函数(Function...因此,所有在方法中定义的变量都是放在栈内存中的;栈中存储的是基础变量以及一些对象的引用变量,基础变量的值是存储在栈中,而引用变量存储在栈中的是指向堆中的数组或者对象的地址,这就是为何修改引用类型总会影响到其他指向这个地址的引用变量...var a = 100 var b = a a = 200 console.log(b) // 100 保存与复制的是值本身 // 引用类型:对象、数组、函数、null(空指针) // 可以扩展属性...对于引用类型的值,我们可以为其添加属性和方法,也可以改变和删除其属性和方法,但是,我们不能给基本类型的值添加属性,只能给引用类型值动态地添加属性,以便将来使用。

3.4K20

面试官:聊聊JS基本类型引用类型

除了基本类型,其他都是引用类型 Function Object Array Date RegExp 引用类型存在栈内存中的是对应的地址,即所谓的指针。...引用类型的存储需要内存的栈内存和堆内存共同完成,栈内存用来保存变量标识符和指向堆内存中该对象的指针,也可以说是该对象在堆内存的地址。 堆内存中保存对象的内容。...var a=[1,2,3]; var b={ m: 1 }; 如下图,数组a和对象b的变量标识符和指针保存在栈内存中,而它们的具体值保存在堆内存中。...b); // {name: "小仙女"} 对于引用类型赋值问题,因为我们已经知道引用类型的存储是栈内存和堆内存共同完成的, 一开始m保存了一个实例化的对象,这时将m赋值给n后,m和n都指向了这个实例化的对象..., 虽然他们的内存地址不一样,但是他们指向的对象是一样的,因此只要其中一个引用类型改变另一个引用类型也会跟着改变。

82830

JavaScript引用类型之Array数组的排序方法

数组中已经存在两个JavaScript给我们定义好的重排序的方法:reverse()和sort()方法,下面来简单分析下: 1、reverse()    用于反转数组项的顺序,代码如下: <script...所以sort()方法会将colors数组里面的每一项调用toString()方法,然后对所有的数组项进行ASCII码值比较, //返回排序后的结果,最左边的是ASCII...值最小的数组项,最右边的是ASCII最大的数组项 alert(colors.toString()); //输出:6,Kevin Durant,stephen curry,张三,李四,王五 </script...现在学会了sort的用法,下面就用它实现数组的升序和降序方法,并封装一下,代码如下: /* @param arr ---需要排序的数组 @return ---返回值为排序完的数组 功能:对数组进行升序排序...@return ---返回值为排序完的数组 功能:对数组进行降序排序 */ function desc(arr){ arr.sort(function(a,b){ return

1K60

引用类型

在JavaScript中引用类型是一种数据结构,将数据和功能组织在一起,或者也称之为类,但是在ECMAScript并不真正具有类,所以我们都把引用类型称之为对象,对象是最常见的引用类型实例,然后对象上面有属性和方法..., 最常见的对象是Object类型引用类型实例。...name: 'wade' }; 访问对象属性有两种方法: console.log(user.name); console.log(user['name']); 其实JavaScript自带的引用类型有很多...还有,像Number、String、Boolean等也属于引用类型,我们都把这些称之为对象。...今天我们了解一下什么是引用类型,构造函数和对象字面量的两种概念,之后会慢慢详细说一些Array、Date等一些比较重要的引用类型概念。 (完)

37820

Js基础---红宝书读书日记(1)-------基本类型引用类型

JS的变量可能包含两种不同数据类型的值,基本类型引用类型; 基本类型是指简单的数据段,引用类型是指可能由多个值构成的对象; JS高级程序设计第三章介绍了变量分为 5种简单数据类型(string/number.../undefined/null/boolean)--------基本类型(按值访问): 这五种数据类型是按值访问的,可以操作保存在变量中的实际的值. 1个复杂数据类型(object)--------引用类型...(按索引访问): 引用类型的值是保存在内存中的对象;js不予许直接访问内存中的位置,也就是说不能直接操作对象的内存空间, 在操作对象时,实际操作的是在操作对象的引用而不是实际的对象.因此,引用对象是按索引访问的...(str.name); // undefined 上面定义了一个基本数据类型string,给了它一个属性name,但当我访问他的属性时发现该属性不存在,这说明只能给引用类型添加属性; 接下来的代码创建了一个对象并将其保存在了变量...如果将一个引用类型的对象复制给另一个变量,结果就会大相径庭,因为引用类型是保存在内存中的对象,但js无法直接操作对象的内存空间, 这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象。

80570

JS数据类型数组、this指向复习

一、JavaScript数据类型 基本数据类型 number (特殊NaN) NaN:not a number Infinity boolean:true,false或者可以隐式转换在true或false...的类型 能转换成false只有以下几种情况:0,空串,null,undinfed,NaN,false string:用’'或"",或``定义的字符 var str='abcd' var str2="...的区别: http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html Symbol:ES6新增的数据类型,用Symbole()函数来定义...,代表定义的变量值的唯一性 引用数据类型(复杂数据类型) Object,Array,Function,RegExp,String 对象类型可以添加属性 检测对象是否是对象自身的属性:hasOwnProperty...也称伪数组 LikeArray,只能通过length获取数量,和通过下标指定具体的某个元素,但不能使用数组的API方法 类数组的使用场景:获取的dom集合,arguments,… – 如何将类数组转换为数组

1.4K10

【Java探索之旅】基本类型引用类型 数组的应用 二维数组

文章目录 前言 一、基本类型引用类型 1.1 区别 1.2 引用变量 1.3 认识null 二、数组的应用场景 2.1 保存数据 2.2 作为方法的参数 2.3 小结 三、二维数组 3.1 概念 3.2...一、基本类型引用类型 1.1 区别 基本数据类型创建的变量:称为基本变量,该变量空间中直接存放的是其所对应的值; 引用数据类型创建的变量:一般称为对象的引用,其空间中存储的是对象所在空间的地址。...a、b是内置类型的变量,因此其空间中保存的就是给该变量初始化的值。 array是数组类型引用变量,其内部保存的内容可以简单理解成是数组在堆空间中的首地址。...因为数组引用类型,按照引用类型来进行传递,是可以修改其中存放的内容的。...Java 将数组设定成引用类型, 这样的话后续进行数组参数传参, 其实只是将数组的地址传入到函数形参中.

5310

【C++ 语言】引用数据类型 ( 引用数据类型定义 | 引用数据类型使用 | 引用类型参数 )

文章目录 引用类型 引用类型 引用数据类型 : 1....引用数据类型定义 : 类型名称& 变量名 = 对应类型变量名称 ; //① 定义 普通 类型 变量 int a = 8; //② 定义 引用类型变量, 格式 : 类型名称& 变量名 = 对应类型变量名称...修改引用类型变量值 , 引用类型做参数 , 修改引用值 void quote(int& b) { //修改引用类型变量值 b = 888; } // 2....b = a; //③ 调用函数传入引用类型参数 : 将引用类型传给接收引用类型的方法 quote(b); //④ 打印引用数据类型的修改结果 , 结果是 b 被修改成了 888 cout <<...b << endl; //引用数据类型定义与使用 : // ① 引用数据类型定义 : 类型名称& 变量名 = 对应类型变量名称 ; // ② 引用数据类型的使用方法 : 直接当做原来的变量使用即可

64020

一文彻底搞懂 JS 中的基础类型引用类型

让我们在这篇文章中更详细地讨论值和引用。 primitive && objects JavaScript提供了两类数据类型: 基本类型(primitive)和引用类型(objects)。...,定义一个变量x,并使用对创建的数组引用初始化该变量。...然后让y = x定义一个变量y,并使用存储在x变量中的引用初始化y。这是一个引用传递。 y.push(2)通过入项2来改变数组。因为x和y变量引用相同的数组,所以这一变化反映在两个变量中。...,但是ar1 === ar2计算为false,因为ar1和ar2引用不同的数组对象。...总结 在JavaScript中,基本类型是作为值传递的:这意味着每次赋值时,都会创建一个值的副本。 另一方面,对象(包括普通对象、数组、函数、类实例)是引用

63430

java 引用类型

我刚接触java、对于引用的认识。就是 Student stu=new Student();stu就是那个引用,至于这个stu是个什么样的引用,就不太清楚了。...java 中对象的引用类型分为四种:强引用、弱引用、弱引用、虚引用引用(StrongReference) 就是我们平时最常用的,Student stu=new Student();这里的引用就是个强引用...只要一个对象还有强引用持有、那么他就永远不会被回收。 软引用(SoftReference) 软引用,比起强引用稍弱一些,当发现内存要不足的时候,软引用的对象是可以被释放的。...它的作用是引用一个对象,但是并不阻止该对象被回收。如果使用一个强引用的话,只要该引用存在,那么被引用的对象是不能被回收的。弱引用则没有这个问题。...这种引用,讲真,我没用到过,顺道了解到的而已。据说在一些较为精准的场景下会进行使用。不过可能导致,对象回收的效率下降,据说…… 这就是java 引用的基本类型了。

90110

javaScript 引用类型

Object类型   创建Object 实例的属性有两种方式。     1.使用new 操作符后跟Object 构造函数。  ...    console.log(obj.name);     console.log(obj["name"]);     obj.say();     obj["say"]();    每个Object类型的实例共有的属性和方法...var obj = {name:“张三”,age:"18"};       console.log(obj.valueOf() === obj);// true Array 类型     数组是一种类列表对象...) filter 为数组中的每一个元素调用一次callback 函数,并利用给所有使得callback 返回true 或 等价于 true 的值的元素创建一个新数组。         ...var arr = ["George","John","Thomas"];       console.log(arr.valueOf()) Date 类型     Date 对象的语法

1.1K40
领券