【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...

相关推荐
今年下半年2 小时前
【VUE】整合腾讯地图、自定义区域边界、村委名称及资产统计(放大显示资产点位)
前端·javascript·vue.js
可乐鸡翅yeah_5 小时前
hls.js 切换多个视频源,新手开发常见踩坑
开发语言·前端·javascript·ios·ffmpeg·音视频·safari
kyriewen5 小时前
我实测了前端日期的 5 个坑:差 8 小时只是开始
前端·javascript·程序员
anew___5 小时前
《从零手写操作系统 (11):文件系统初探——initrd与VFS抽象层》
java·javascript·算法
今年下半年5 小时前
【VUE3】移动端:使用腾讯地图显示区域统计与放大显示资产点位
javascript·前端框架·vue·地图
a努力。6 小时前
LangChain Agent消息链路全解析
java·前端·javascript
今年下半年6 小时前
【前端】ant-design-vue 表格「行、列都动态」的处理方案
前端·javascript·vue.js
默_笙7 小时前
🚕 缺料就出门买:给 RAG 装上"信息够不够"的判断力
前端·javascript
志尊宝7 小时前
Vue3 零基础每日笔记(054):Pinia 三件套详解——state / getters / actions 全搞懂
前端·javascript·vue.js·vue·前端开发
wangyadong3178 小时前
# el-table 复选框无法选中问题记录
前端·javascript·vue.js