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