揭秘JavaScript数据世界：一文通晓基本类型和引用类型的精髓！

let name1 = '张三'
let name2 = "李四"
let name3 = `王五`

1.转换为字符串有2个方法：toString()、String()
let n = 100

  n.toString() // '100' 数值类型转换为字符串类型
String(200) // '200' 数值类型转换为字符串类型

2.模板字符串相当于加强版的字符串，可以定义多行字符串。还可以利用${}在字符串中插入变量和表达式
let name = '张三丰'
let age = 180
`我叫${name}，今年${age}岁啦!`  // 我叫张三丰，今年180岁啦!

let num = 100  // 整数
let floatNum = 3.14  // 浮点数
// toFixed() 方法可以对计算结果进行四舍五入
let pi = Math.PI // 3.141592653589793

pi.toFixed(2) // 3.14  保留2位小数

// 八进制的值第一位必须是零0，后面每一位数的范围在0~7。如果某一位数超出范围，首位的0会被忽略，后面的数值会按照十进制来解析
let octalNum1 = 076  // 八进制的 63
let octalNum2 = 083  // 八进制 83
let octalNum3 = 06  // 八进制 6

// 十六进制的值前两位必须是0x，后面每一位十六进制数字的范围在0~9及A~F，字母A~F可以大写也可以小写。
let hexNum1 = 0xA  // 十六进制 10
let hexNum2 = 0x3f  // 十六进制 63

// 数值转换的三个方法 Number()、parseInt()、parseFloat()

1.Number()  // 可以将字符串、布尔值、null、undefined 等转换为对应的数值，如果无法转换返回NaN
Number("123") // 输出123
Number("hello") // 输出NaN


2.parseInt() // 可以将字符串转换为整数，如果无法转换返回NaN
parseInt("123") // 输出123
parseInt("123.45") // 输出：123
parseInt("hello") // 输出NaN


3.parseFloat() // 可以将字符串转换为浮点数，如果无法转换返回NaN
parseFloat("123.45") // 输出123.45
parseFloat("hello") // 输出NaN

1.数值运算判断

1 + 2 === 3 // true
1 + 1 > 3 // false


2.数值类型转换
let bool1 = Boolean(0);         // 数值转换为布尔值
let bool2 = Boolean("");        // 字符串转换为布尔值
let bool3 = Boolean(null);      // null 转换为布尔值
let bool4 = Boolean(undefined); // undefined 转换为布尔值
let bool5 = Boolean(NaN);       // NaN 转换为布尔值
let bool6 = Boolean([]);        // 空数组转换为布尔值
let bool7 = Boolean({});        // 空对象转换为布尔值

1.声明但未赋值的变量

// 当使用 var、let 或 const 声明一个变量但未对其赋值时，该变量的初始值为 undefined。
let n;

  console.log(n) // 输出 undefined


2.未定义的属性

// 当访问一个不存在的属性时，该属性的值为undefined 
let obj = { name: '张三丰' }

  console.log(obj.age) // 输出 undefined


3.函数没有返回值

// 如果函数没有明确返回值或者使用 return 语句返回一个未定义的值，函数的返回值将是 undefined
function getName() {
// 没有返回值
}

  console.log(foo()) // 输出 undefined


4.函数参数未传递

// 如果函数定义了参数但未传递相应的值，那么该参数的值将是 undefined
function getName(name) {

      console.log("Hello, " + name)
}
getName() // 输出：Hello, undefined

1.空值

// null 表示一个空值，用于表示变量的值为空
let name = null

  console.log(name) // 输出 null


2.不存在的对象

// 当使用 typeof 运算符检测一个值为 null 的对象时，会返回 "object"
let obj = null

  console.log(typeof obj)  // 输出：object

let x;
let y = null;

console.log(x === undefined)  // 输出：true

console.log(x === null)       // 输出：false

console.log(y === null)       // 输出：true

console.log(y === undefined)  // 输出：false

1.创建Symbol

// 使用全局函数 Symbol() 可以创建一个唯一的 Symbol 值
let s = Symbol()

  console.log(typeof s) // 输出 symbol


2.唯一性

// 每个通过 Symbol() 创建的 Symbol 值都是唯一的，不会与其他 Symbol 值相等，即使它们的描述相同
let s1 = Symbol()
let s2 = Symbol()

  console.log(s1 == s2) // 输出 false
let s3 = Symbol('hello')
let s4 = Symbol('hello')

  console.log(s3 == s4) // 输出 false


3.Symbol 常量

// 通过 Symbol.for() 方法可以创建全局共享的 Symbol 值，称为 Symbol 常量
let s5 = Symbol.for('key')
let s6 = Symbol.for('key')

  console.log(s5 === s6)  // 输出 true

1.创建对象

// Object 类型可以用于创建新的对象。可以使用对象字面量 {} 或者通过调用 Object() 构造函数来创建对象
let obj1 = {} // 使用对象字面量创建空对象
let obj2 = new Object() // 使用 Object() 构造函数创建空对象


2.添加、修改、删除属性

let obj = {}

  obj.name = '张三丰'  // 添加属性

  obj.age = 30        // 添加属性

  obj.name = '张无忌' // 修改属性
delete obj.age     // 删除属性

1.创建数组

// 可以使用数组字面量 [] 或者通过调用 Array() 构造函数来创建数组。
let arr1 = []  // 使用数组字面量创建空数组
let arr2 = new Array() // 使用 Array() 构造函数创建空数组
let arr3 = [1, 2, 3]  // 使用数组字面量创建包含初始值的数组


2.访问和修改数组元素

// 数组的元素通过索引访问，索引从 0 开始。可以使用索引来读取或修改数组的元素。
let arr = [1, 2, 3]

  console.log(arr[0]) // 访问数组的第一个元素，输出：1

  arr[1] = 5 // 修改数组的第二个元素

  arr.length // 获取数组长度，输出：3

1.创建函数

// 可以使用函数声明或函数表达式来创建函数。函数声明使用 function 关键字，后面跟着函数名称和函数体，而函数表达式将函数赋值给一个变量。
// 函数声明
function add(a, b) {
return a + b
}

// 函数表达式
let multiply = function(a, b) {
return a * b
}


2.函数调用

// 函数可以通过函数名后面加括号 () 进行调用。调用函数时，可以传递参数给函数，函数可以接收参数并进行相应的处理。
let result = add(3, 5) // 调用 add 函数并传递参数

  console.log(result)   // 输出：8


3.函数返回值

// 函数可以使用 return 语句返回一个值，也可以不返回任何值。当函数执行到 return 语句时，会立即停止执行，并将返回值传递给函数调用者。
function calculateSum(a, b) {
return a + b
}
let result = calculateSum(2, 3)

  console.log(result) // 输出：5


4.函数作用域

// 函数作用域是指函数内部声明的变量在函数内部有效，外部无法访问。函数内部定义的变量只能在函数内部被访问和使用，在函数外部是不可见的。

function myFunction() {
var x = 10       // 局部变量

     console.log(x)  // 在函数内部可见
}
myFunction()     // 输出：10

  console.log(x)  // 报错：x is not defined

var arr = [
null,      // object
undefined, // undefined
true,      // boolean
12,        // number
'haha',    // string
Symbol(),  // symbol
20n,       // bigint
function(){}, // function
{},        // object
[],        // object
]
for (let i = 0; i < arr.length; i++) {

    console.log(typeof arr[i])
}