21xrx.com
2024-09-17 04:53:55 Tuesday
登录
文章检索 我的文章 写文章
JavaScript 基本类型:了解变量类型的本质
2023-06-15 11:01:11 深夜i     --     --
JavaScript 基本类型 变量类型

在 JavaScript 中,基本类型是相对于对象类型而言的。JavaScript 的 7 种基本类型包括:undefined、null、boolean、number、string、symbol 和 BigInt。在本文中,我们将讨论这些基本类型的本质及其使用方法。

示例代码1:声明变量并赋值为基本类型值


let a = null;

let b = true;

let c = 123;

let d = 'hello';

let e = Symbol('foo');

let f = BigInt(9007199254740991);

基本类型值与引用类型值的本质区别在于它们的存储位置不同。基本类型值被存储在栈内存中,而引用类型值则被存储在堆内存中。这意味着基本类型值是按值访问的,而引用类型值则是按引用访问的。

示例代码2:基本类型值的按值访问


let a = 5;

let b = a;

a = 10;

console.log(b);  // 5

上面代码中,变量 a 被赋值为 5。然后,变量 b 被赋值为变量 a 的值。接着,变量 a 的值被修改为 10,但变量 b 的值仍然是之前的值,即 5。这说明基本类型值是按值访问的。

示例代码3:引用类型值的按引用访问


let obj1 = {name: 'Alice'};

let obj2 = obj1;

obj1.name = 'Bob';

console.log(obj2.name);  // 'Bob'

上面代码中,变量 obj1 被赋值为一个对象,对象中包含一个属性 name。然后,变量 obj2 被赋值为变量 obj1 的值,即对象的引用。接着,变量 obj1 中的属性 name 被修改为 'Bob'。由于变量 obj2 和变量 obj1 指向同一个对象,因此,当访问变量 obj2 中的属性 name 时,实际上是按照引用访问的,因此,结果是 'Bob'。这说明引用类型值是按引用访问的。

总结

了解 JavaScript 的基本类型不仅有助于理解变量的本质,还能帮助我们编写更健壮的代码。在开发中,我们应该根据需求选择恰当的类型,并避免出现类型错误的问题。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复