JavaScript 基础入门

1. 引言JavaScript 是当今 Web 开发中最核心的编程语言之一。无论是前端页面交互、后端服务Node.js还是移动端应用JavaScript 都扮演着不可或缺的角色。本文将从零开始带你系统掌握 JavaScript 的基础语法与核心概念。2. 变量与数据类型2.1 声明变量在 JavaScript 中我们使用var、let和const来声明变量。其中let和const是 ES6 引入的推荐优先使用。letname张三;// 可重新赋值的变量constage25;// 常量不可重新赋值varoldWay旧写法;// 尽量避免使用2.2 基本数据类型JavaScript 包含以下几种基本数据类型number数值类型包括整数和浮点数string字符串类型boolean布尔类型true或falsenull空值undefined未定义symbol符号类型ES6 新增bigint大整数类型ES2020 新增letnum42;letstrHello World;letbooltrue;letemptynull;letnotDefinedundefined;3. 运算符与表达式3.1 算术运算符leta10;letb3;console.log(ab);// 13console.log(a-b);// 7console.log(a*b);// 30console.log(a/b);// 3.333...console.log(a%b);// 1取余3.2 比较与逻辑运算符letx5;lety5;console.log(xy);// true宽松相等会做类型转换console.log(xy);// false严格相等不转换类型console.log(x3y10);// true逻辑与console.log(x3||y10);// true逻辑或4. 流程控制4.1 条件语句letscore85;if(score90){console.log(优秀);}elseif(score60){console.log(及格);}else{console.log(不及格);}4.2 循环语句// for 循环for(leti0;i5;i){console.log(i);}// while 循环letcount0;while(count3){console.log(count);count;}// for...of 遍历数组letfruits[苹果,香蕉,橙子];for(letfruitoffruits){console.log(fruit);}5. 函数5.1 函数声明与表达式// 函数声明functiongreet(name){return你好name;}// 函数表达式constaddfunction(a,b){returnab;};// 箭头函数ES6constmultiply(a,b)a*b;console.log(greet(张三));console.log(add(2,3));console.log(multiply(4,5));5.2 默认参数与剩余参数// 默认参数functionsayHello(name朋友){console.log(你好name);}// 剩余参数functionsum(...numbers){returnnumbers.reduce((total,n)totaln,0);}sayHello();console.log(sum(1,2,3,4));6. 数组与对象6.1 数组常用方法letarr[1,2,3,4,5];// 添加和删除元素arr.push(6);// 末尾添加arr.pop();// 末尾删除arr.unshift(0);// 开头添加arr.shift();// 开头删除// 遍历与转换arr.forEach(itemconsole.log(item));letdoubledarr.map(itemitem*2);letevenNumbersarr.filter(itemitem%20);6.2 对象操作constperson{name:李四,age:30,hobbies:[阅读,跑步],greet(){console.log(大家好我是${this.name});}};// 访问属性console.log(person.name);console.log(person[age]);// 解构赋值const{name,age}person;console.log(name,age);7. 总结本文介绍了 JavaScript 的核心基础知识包括变量声明、数据类型、运算符、流程控制、函数、数组和对象等。掌握这些基础后你就可以开始编写简单的 JavaScript 程序并进一步学习 DOM 操作、异步编程等进阶内容。建议多动手练习在实践中巩固所学知识。