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

相关推荐
十八朵郁金香3 小时前
【VUE案例练习】前端vue2+element-ui,后端nodo+express实现‘‘文件上传/删除‘‘功能
前端·javascript·vue.js
LCG元3 小时前
Vue.js组件开发-实现全屏图片文字缩放切换特效
前端·javascript·vue.js
还是鼠鼠4 小时前
图书管理系统 Axios 源码__新增图书
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap
还是鼠鼠7 小时前
图书管理系统 Axios 源码 __删除图书功能
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap
轻口味7 小时前
Vue.js `Suspense` 和异步组件加载
前端·javascript·vue.js
还是鼠鼠9 小时前
图书管理系统 Axios 源码__编辑图书
前端·javascript·vscode·ajax·前端框架
北极象9 小时前
vue3中el-input无法获得焦点的问题
前端·javascript·vue.js
GISer_Jing10 小时前
react redux监测值的变化
前端·javascript·react.js
m0_5287238110 小时前
react中useEffect的使用
前端·javascript·react.js
Real_man11 小时前
noVNC 技术解析与最佳实践
javascript