JavaScript变量

JavaScript变量类型详解
本文深入探讨了JavaScript中变量的基本类型和引用类型,并解释了它们之间的区别。通过示例展示了如何为引用类型动态添加属性和方法,以及在复制变量值和传递参数时不同类型的行为差异。

JavaScript 变量松散类型的本质,决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变。

基本类型和引用类型的值

JavaScript变量分为基本数据类型和引用类型。

基本数据类型包括:UndefinedNullBooleanNumberString

引用数据类型的值是保存在内存中的对象

动态的属性

定义一个基本数据类型与引用类型的值是类似的:创建一个变量并为该变量赋值。对于引用类型的值,我们可以动态为其添加属性和方法,也可以改变和删除其属性和方法。

var person = new Object(); 
person.name = "Nicholas"; 
alert(person.name); //"Nicholas"
复制代码

对于基本数据类型,不可添加或删除属性、方法,尽管这不会导致任何错误。

var name = "Nicholas"; 
name.age = 27; 
alert(name.age); //undefined
复制代码

复制变量值

除了保存方式不同外,在从一个变量向另一个变量复制基本数据类型和引用类型值时,也存在不同。

如果从一个变量向另一个变量复制基本数据类型的值,会在变量对象上创建一个新值,然后把该值复制到新变量分配的位置上。

当从一个变量向另一个变量复制引用类型的值时,同样也会将存储在变量对象中的值复制一份放到为新变量分配的空间中。不同的是,这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象。复制操作结束后,两个变量实际上将引用同一个对象。因此,改变其中一个变量,就会影响另一个变量。

传递参数

ECMAScript中所有函数的参数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。而引用类型值的传递,则如同引用类型变量的复制一样。

总之,访问变量有按值访问与按引用访问两种方式,而参数只能按值传递。

在向参数传递基本类型的值时,被传递的值会被复制给一个局部变量(即命名参数,就是arguments对象中的一个元素)。在向参数传递引用类型的值时,会把这个值在内存中的地址复制给一个局部变量,因此这个局部变量的变化会反映在函数的外部。

function addTen(num) { 
  num += 10; 
  return num; 
}
var count = 20; 
var result = addTen(count); 
alert(count); //20,没有变化
alert(result); //30
复制代码

检测类型

对于基本数据类型的检测,可用typeof操作符,可确定一个变量是字符串、数值、布尔值,还是undefined

var s = "Nicholas"; 
var b = true; 
var i = 22; 
var u; 
var n = null; 
var o = new Object(); 
alert(typeof s); //string 
alert(typeof i); //number 
alert(typeof b); //boolean 
alert(typeof u); //undefined 
alert(typeof n); //object 
alert(typeof o); //object
复制代码

对于引用类型的检测,可用instanceof操作符。如果变量是给定引用类型(根据它的原型链来识别链)的实例,那么instanceof操作符就会返回true

alert(person instanceof Object); // 变量 person 是 Object 吗?
alert(colors instanceof Array); // 变量 colors 是 Array 吗?
alert(pattern instanceof RegExp); // 变量 pattern 是 RegExp 吗?
复制代码

根据规定,所有引用类型的值都是 Object 的实例。因此,在检测一个引用类型值和 Object 构造函数时,instanceof 操作符始终会返回 true。当然,如果使用 instanceof 操作符检测基本类型的值,则该操作符始终会返回false,因为基本类型不是对象。

转载于:https://juejin.im/post/5ca2fa4df265da3092005ec4

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值