再谈Javascript中的基本类型和引用类型(推荐)

再谈JavaScript中的基本类型和引用类型

什么是基本类型和引用类型？

JavaScript中的数据类型可以分为基本类型和引用类型。基本类型包括数字、字符串、布尔值、null、undefined和Symbol；而引用类型包括对象、数组、函数等。

基本类型是指简单的数据段，而引用类型是指由多个数据段(属性)组成的对象，每个属性都可以是基本类型或引用类型。

基本类型和引用类型的区别

1. 存储方式不同。基本类型的数据是直接存储在栈(stack)中的简单数据段，它们的值直接存储在变量访问的位置；而引用类型的值是对象，保存在堆(heap)内存中，而栈(stack)中保存的则是对象在堆内存中的地址。

2. 赋值方式不同。基本类型的赋值是按值传递，也就是传递变量的值给新变量；而引用类型的赋值是按引用传递，也就是传递的是指向堆内存中的地址，因此两个变量指向同一个对象。

下面分别对基本类型和引用类型进行详细的解释和示例说明。

基本类型

数字

数字包括整数和浮点数，可以直接进行算术运算：

let num1 = 100;
let num2 = 3.14;
let result = num1 + num2; // 103.14

字符串

字符串是一个由零个或多个字符组成的序列，可以用单引号或双引号括起来：

let str1 = 'hello';
let str2 = "world";
let result = str1 + ' ' +str2; // "hello world"

布尔值

布尔值只有两个值：true和false，常用于条件判断和逻辑运算：

let flag1 = true;
let flag2 = false;
if(flag1 || flag2) {
  console.log("at least one is true");
} else {
  console.log("both are false");
}

null和undefined

null和undefined都表示没有值，区别在于null是表示变量没有对象，而undefined表示变量没有被初始化。两者在使用时的效果相似。

let a = null;
let b = undefined;
console.log(typeof a); // object
console.log(typeof b); // undefined

Symbol

Symbol是ES6引入的一种新的原始数据类型，用于创建独一无二的值，常用于对象属性的标识符。

let s1 = Symbol("foo");
let s2 = Symbol("foo");
console.log(s1 === s2); // false 因为Symbol创建的每个值都是独一无二的

引用类型

对象

对象是由多个键值对组成的集合，每个键对应一个值(可以是基本类型或引用类型)，键值对之间用逗号分隔，整个对象使用花括号括起来。对象的属性可以通过点符号(对象.属性)或方括号(对象['属性'])进行访问。

let person = {
  name: {
    first: 'John',
    last: 'Doe'
  },
  age: 30,
  hobbies: ['reading', 'swimming', 'gaming']
};
console.log(person.name.first); // 'John'
console.log(person['age']); // 30
console.log(person.hobbies[0]); // 'reading'

数组

数组是由多个元素组成的集合，每个元素可以是基本类型或引用类型，用方括号括起来。数组可以用下标(从0开始)来访问各个元素。

let arr = [1, 'hello', true, {color: 'blue'}];
console.log(arr[0]); // 1
console.log(arr[1]); // 'hello'
console.log(arr[3].color); // 'blue'

函数

函数是一种可以被调用的对象，它可以传入参数并返回一个结果。函数也可以作为对象的属性进行调用。

function sum(a, b) {
  return a + b;
}

let person = {
  name: 'John',
  age: 30,
  greet: function() {
    console.log(`Hi, my name is ${this.name} and I'm ${this.age} years old.`);
  }
};

console.log(sum(10, 20)); // 30
person.greet(); // 'Hi, my name is John and I'm 30 years old.'

总结

基本类型和引用类型在存储方式、赋值方式等方面有着很大的不同，了解这些差别有助于我们更好地理解JavaScript中的数据类型，从而更加高效地编写代码。在编写代码时，需要根据具体情况选择适当的数据类型，以达到最佳的代码效果。