js的基本数据类型与引用数据类型

下面是关于JavaScript的基本数据类型与引用数据类型的完整攻略，包括定义、区别、使用方法和两个示例说明。

定义

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

区别

基本数据类型和引用数据类型的区别在于，基本数据类型的值是简单的数据段，而引用数据类型的值是对象，是由多个值构成的集合。

基本数据类型的值在内存中占据固定大小的空间，保存在栈内存中，可以直接访问。而引用数据类型的值大小不固定，保存在堆内存中，需要通过引用地址访问。

使用方法

在JavaScript中，可以使用typeof运算符来判断数据类型。例如：

typeof 123; // "number"
typeof "hello"; // "string"
typeof true; // "boolean"
typeof null; // "object"
typeof undefined; // "undefined"
typeof {}; // "object"
typeof []; // "object"
typeof function(){}; // "function"

在使用基本数据类型时，可以直接赋值和比较。例如：

var num = 123;
var str = "hello";
var bool = true;
var n = null;
var u = undefined;

console.log(num); // 123
console.log(str); // "hello"
console.log(bool); // true
console.log(n); // null
console.log(u); // undefined

console.log(num === 123); // true
console.log(str === "hello"); // true
console.log(bool === true); // true
console.log(n === null); // true
console.log(u === undefined); // true

在使用引用数据类型时，需要使用new关键字创建对象、数组和函数。例如：

var obj = new Object();
var arr = new Array();
var func = new Function();

console.log(obj); // {}
console.log(arr); // []
console.log(func); // function anonymous() {}

示例说明

下面是两个示例，分别演示了基本数据类型和引用数据类型的使用方法。

示例1：基本数据类型的使用

var num1 = 123;
var num2 = 456;
var str1 = "hello";
var str2 = "world";

console.log(num1 + num2); // 579
console.log(str1 + str2); // "helloworld"
console.log(num1 === 123); // true
console.log(str1 === "hello"); // true

在上述示例中，使用基本数据类型的数字和字符串进行加法运算和字符串拼接，比较变量和字面量的值。

示例2：引用数据类型的使用

var obj = {
  name: "Tom",
  age: 18,
  gender: "male"
};
var arr = [1, 2, 3, 4, 5];
var func = function(a, b) {
  return a + b;
};

console.log(obj.name); // "Tom"
console.log(arr[2]); // 3
console.log(func(1, 2)); // 3

在上述示例中，使用引用数据类型的对象、数组和函数，访问对象的属性、数组的元素和函数的返回值。

结论

本文为您提供了关于JavaScript的基本数据类型与引用数据类型的完整攻略，包括定义、区别、使用方法和两个示例说明。在实际应用中，可以根据具体需求选择不同的数据类型，并根据数据类型的特点和使用方法，编写程序实现各种功能。