当前位置：首页 > news >正文

JavaScript基础概念详解

news 2026/7/7 18:42:07

JavaScript（简称JS）是一门动态、弱类型的脚本语言，主要运行在浏览器端，用于实现网页的交互效果。随着Node.js的出现，它也能运行在服务器端，成为一门“全栈语言”。要掌握JavaScript，首先需要理解其核心基础概念，本文将从入门角度，逐一拆解关键知识点。

一、变量与常量

1. 变量声明

var 已经 out 了，建议用let声明变量

2. 常量声明let

二、数据类型

1. 基本数据类型

2. 引用数据类型

3. 数据类型判断

三、总结

一、变量与常量

变量是用于存储数据的容器，常量则是存储不可修改的数据。在JavaScript中，声明变量和常量有多种方式，不同方式的作用域和特性不同。

1. 变量声明

ES5及之前主要使用var声明变量，ES6新增了let声明变量，二者的核心区别在于作用域：

var：函数级作用域，存在变量提升（声明会被提升到当前作用域顶部），可以重复声明。
let：块级作用域（{}内为块级作用域），不存在变量提升，不可以重复声明。

示例代码：

// var声明 console.log(a); // undefined（变量提升） var a = 10; var a = 20; // 重复声明，不报错 console.log(a); // 20 // let声明 console.log(b); // 报错（不存在变量提升） let b = 10; let b = 20; // 重复声明，报错

var 已经 out 了，建议用let声明变量

2. 常量声明let

使用const声明常量，常量的值一旦确定就无法修改，且必须在声明时初始化。const同样是块级作用域，不存在变量提升，不可以重复声明。

示例代码：

const PI = 3.14159; console.log(PI); // 3.14159 PI = 3.14; // 报错，常量值无法修改 const name; // 报错，常量声明时必须初始化

二、数据类型

JavaScript是弱类型语言，变量的类型会随着存储的数据变化而变化。其数据类型分为两大类：基本数据类型和引用数据类型。

1. 基本数据类型

基本数据类型是直接存储数据值的类型，共有6种：

Number：数字类型，包括整数、浮点数和特殊值（NaN、Infinity）。示例：123、3.14、NaN（非数字）、Infinity（无穷大）。
String：字符串类型，用于表示文本，可使用单引号、双引号或反引号包裹。示例：'hello'、"world"、`JavaScript`（反引号支持模板字符串，可嵌入变量：`name: ${name}`）。
Boolean：布尔类型，只有两个值：true（真）和false（假），常用于条件判断。
Undefined：未定义类型，变量声明后未赋值时的默认值。示例：let num; console.log(num); // undefined。
Null：空值类型，表示变量指向一个空对象（本质是一个占位符）。示例：let obj = null;。
Symbol：ES6新增类型，表示唯一、不可变的值，常用于对象的唯一属性名。示例：const s = Symbol('foo');。

2. 引用数据类型

引用数据类型存储的是数据的引用（即内存地址），数据本身存储在堆内存中。主要包括：

Object：对象类型，是JavaScript中最核心的数据结构，用于存储多个键值对。示例：let person = { name: '张三', age: 20 };。
Array：数组类型，用于存储有序的集合数据，元素可以是任意类型。示例：let arr = [1, 'hello', true];。
Function：函数类型，用于封装可重复执行的代码块。示例：function add(a, b) { return a + b; }。

3. 数据类型判断

常用的类型判断方法有两种：

typeof：用于判断基本数据类型（除Null外）和Function。判断Null时会返回'object'，这是一个历史遗留问题。
instanceof：用于判断引用数据类型，判断某个对象是否是某个构造函数的实例。

示例代码：

// typeof判断 console.log(typeof 123); // 'number' console.log(typeof 'hello'); // 'string' console.log(typeof true); // 'boolean' console.log(typeof undefined); // 'undefined' console.log(typeof null); // 'object'（遗留问题） console.log(typeof {}); // 'object' console.log(typeof []); // 'object' console.log(typeof function(){}); // 'function' // instanceof判断 console.log({} instanceof Object); // true console.log([] instanceof Array); // true console.log(function(){} instanceof Function); // true