【JavaScript】1.2 JavaScript语法基础

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

变量

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

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

在这个例子中,我们声明了三个变量:nameagepi,并给它们赋值。

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

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

数据类型

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

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

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

运算符

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

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

控制流程

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

  • 条件语句:ifelse ifelseswitch
  • 循环:forwhiledo 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...

相关推荐
晓得迷路了1 小时前
栗子前端技术周刊第 136 期 - pnpr、Flow 重构移植 Rust、Astryx...
前端·javascript·css
Mr.Daozhi1 小时前
从零构建 AI 学术论文助手(四):PDF.js 实时截图 + Gemini 视觉分析
javascript·人工智能·pdf·canvas·pdf.js·gemini
乌夷1 小时前
Vue.js 3 的设计思路
前端·javascript·vue.js
kyriewen11 小时前
豆包和千问同时关了智能体,我用它们搭的 3 个自动化全废了——迁移方案整理
前端·javascript·ai编程
铁皮饭盒12 小时前
用 Bun.cron 定时 7 月 7 日,为啥? 看图1
javascript
之歆13 小时前
Vue商品详情与放大镜组件
前端·javascript·vue.js
丹宇码农18 小时前
把 HLS 字幕玩出花:zwPlayer 如何让 M3U8 视频支持全文搜索、翻译与码率自适应
前端·javascript·音视频·hls·视频播放器
GuWenyue19 小时前
提示词彻底过时?一套上下文工程方案,3步让LLM落地生产,代码直接复用
前端·javascript·人工智能
用户9385156350719 小时前
深入理解 JavaScript 中的 this 与数据存储的奥秘
前端·javascript
Tian_Hang19 小时前
eclipse ditto 学习笔记
运维·服务器·开发语言·javascript·3d