【JavaScript】1.2 JavaScript语法基础

在这一节中,我们将介绍JavaScript的基本语法。我们会讨论变量、数据类型、运算符、控制流程等基础知识。在每个部分的最后,我们会提供一些代码示例,帮助你理解和记住这些概念。

变量

在JavaScript中,我们使用变量来存储数据。我们可以使用var、let或const关键字来声明一个变量。例如:

javascript 复制代码
var name = 'Alice';
let age = 20;
const pi = 3.14;

在这个例子中,我们声明了三个变量:name、age和pi,并给它们赋值。

var、let和const的区别在于它们的作用域和是否可以重新赋值:

  • var声明的变量的作用域是函数作用域,可以重新赋值。
  • let声明的变量的作用域是块作用域,可以重新赋值。
  • const声明的变量的作用域是块作用域,不能重新赋值。

数据类型

JavaScript有七种基本的数据类型:

  • Number:数字,例如1、3.14。
  • String:字符串,例如'hello'、"world"。
  • Boolean:布尔值,true或false。
  • Null:表示没有值或没有对象。
  • Undefined:表示变量未定义。
  • Symbol:符号,是一种新的基本数据类型,用于创建一个唯一的标识符。
  • BigInt:用于存储大整数。

此外,JavaScript还有一种复杂的数据类型:Object,用于存储多个值的集合。

运算符

JavaScript提供了许多运算符,用于执行算术运算、比较运算、逻辑运算等。以下是一些常见的运算符:

  • 算术运算符:+、-、*、/、%(取余)。
  • 比较运算符:==(等于)、!=(不等于)、===(严格等于)、!==(严格不等于)、>、<、>=、<=。
  • 逻辑运算符:&&(逻辑与)、||(逻辑或)、!(逻辑非)。

控制流程

控制流程是指程序的执行顺序。在JavaScript中,我们可以使用条件语句和循环来控制程序的执行顺序。

  • 条件语句:if、else if、else、switch。
  • 循环:for、while、do while。

以下是一个使用if语句和for循环的例子:

javascript 复制代码
var num = 10;

if (num > 0) {
    console.log('num is positive');
} else if (num < 0) {
    console.log('num is negative');
} else {
    console.log('num is zero');
}

for (var i = 0; i < num; i++) {
    console.log(i);
}

在这个例子中,我们首先使用if语句检查num的值,然后使用for循环打印从0到num的所有整数。

总结

这就是JavaScript的基本语法。虽然这些只是冰山一角,但它们是理解JavaScript的基础。在接下来的章节中,我们将深入学习函数、对象、数组等更高级的主题。希望你在学习的过程中能够找到乐趣,并且通过学习JavaScript,开启你的编程之旅!

推荐阅读:

mp.weixin.qq.com/s/dV2JzXfgj...

mp.weixin.qq.com/s/an83QZOWX...

相关推荐
云浪3 小时前
Go 并发实战:从零实现一个高并发安全的任务调度器
javascript·后端·go
OpsEye11 小时前
大模型账单对账难:不同厂商 Token 统计口径差异怎么处理
javascript·ai编程
全栈项目管理程序猿11 小时前
ArcGIS JS 基础教程(32):体元系列 - VoxelSlice 体元切片
前端·javascript
Hilaku13 小时前
AI 流式输出都用 SSE,什么时候必须换 WebSocket?
前端·javascript·程序员
奇牙coding14 小时前
Codex CLI 升级后多文件编辑静默失效:config.yaml 枚举变更排查与修复指南
java·前端·javascript·ai
不简说14 小时前
AI 帮你画模板、点一下就云打印:sv-print 这三个月都干了啥
前端·javascript·人工智能
大明二代15 小时前
从零构建 Mastra RAG MVP:DeepSeek、SiliconFlow 与 PostgreSQL/pgvector 实战
javascript·数据库·人工智能
结局无敌15 小时前
React Native for OpenHarmony 实战:三方库 react-native-paper 的鸿蒙化适配指南
javascript·人工智能·深度学习·react native·react.js·ecmascript·harmonyos
铁皮饭盒15 小时前
CPU就行, 老照片变清晰, 本地部署582mb腾讯的模型, 本地部署, 过节了给长辈们变个小魔术
前端·javascript·后端
结局无敌16 小时前
React Native for OpenHarmony 实战:三方库 react-native-progress-steps 的鸿蒙化适配指南
javascript·人工智能·深度学习·react native·react.js·harmonyos