【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 小时前
前端三件套真的落后了吗?揭开现代 Web 开发的底层逻辑
前端·javascript·css·html5
.Cnn4 小时前
JavaScript 前端基础笔记(网页交互核心)
前端·javascript·笔记·交互
醉酒的李白、4 小时前
Vue3 组件通信本质:Props 下发,Emits 回传
前端·javascript·vue.js
小芝麻咿呀5 小时前
vue--面试题第一部分
前端·javascript·vue.js
nibabaoo6 小时前
前端开发攻略---H5页面手机获取摄像头权限回显出画面并且同步到PC页面
javascript·websocket·实时音视频·实时同步·录制
早起傻一天~G6 小时前
vue2+element-UI表格封装
javascript·vue.js·ui
这儿有一堆花6 小时前
深入解析 Video.js:现代 Web 视频播放的工程实践
前端·javascript·音视频
烤麻辣烫7 小时前
JS基础
开发语言·前端·javascript·学习
猫猫不是喵喵.8 小时前
layui表单项次大数据量导入并提交
前端·javascript·layui
Hello--_--World9 小时前
ES13:类私有属性和方法、顶层 await、at() 方法、Object.hasOwnProperty()、类静态块 相关知识点
开发语言·javascript·es13