news 2026/2/7 15:58:09

JavaScript基础概念详解

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
JavaScript基础概念详解

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

三、总结

本文聚焦JavaScript中变量与常量、数据类型及数据类型转换的核心概念。变量与常量是存储数据的基础,不同声明方式具有不同特性;数据类型分为基本和引用两类,各自有独特的存储方式和特点;数据类型判断是后续开发中避坑的关键,需熟练掌握typeof和instanceof的使用场景。

建议结合文中示例代码反复练习,加深对这些基础概念的理解。若需补充数据类型转换的具体场景案例、不同声明方式的实战避坑技巧等内容,可随时告知。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/2/3 0:19:47

10、嵌入式 Linux 开发:BSP 层、内核模块与调试技巧

嵌入式 Linux 开发:BSP 层、内核模块与调试技巧 1. 内核镜像启动与补丁生成 在启动 uImage Linux 内核镜像时,可使用 bootm 命令,格式如下: bootm <kernel_addr> - <dtb_addr>若使用 initramdisk ,则将其作为第二个参数传入;若未使用,则用 - 替代…

作者头像 李华
网站建设 2026/2/5 13:30:14

12、嵌入式系统开发:设备树与软件层定制指南

嵌入式系统开发:设备树与软件层定制指南 1. 设备树基础与操作 在嵌入式系统中,设备树起着至关重要的作用。任何 soc 的子节点都需要使用 reg 属性来定义其内存寻址,该属性包含一个用于地址的单元和一个用于大小的单元。例如,aips - bus 节点使用以下属性进行定义: reg…

作者头像 李华
网站建设 2026/2/6 8:15:13

19、Yocto项目应用开发指南

Yocto项目应用开发指南 1. 额外目录介绍 在Yocto开发环境中,存在一些额外的目录,它们各自承担着重要的功能: - buildtools :这是Yocto构建系统使用的一组与发行版无关的工具集合。其主要作用是消除对主机发行版的依赖,确保构建过程的独立性。 - cache :用于存储本…

作者头像 李华
网站建设 2026/2/7 10:16:13

25、嵌入式系统中的Docker应用开发与调试指南

嵌入式系统中的Docker应用开发与调试指南 1. Docker应用开发 在Wandboard上运行Docker,需要确保Linux内核具备特定的支持。Wandboard的v4.1内核能够运行Docker,但默认配置需要进行调整,例如启用OverlayFS支持等。可以使用脚本(https://raw.githubusercontent.com/moby/mo…

作者头像 李华