5.JavaScript基础语法
实验原理
概念：JavaScript是世界上最流行的、轻量级的、脚本编程语言，可插入HTML页面，由浏览器执行。将这种脚本语言引入html，有三种方式：
- <script>与<script>标签，可被放置在HTML页面的<body>或者<head>部分中
- 外部引入：<script src="myScript.js"></script>
- 在标签内部定义： <button onclick="javascipt:alert('hello.')"></button>
注释：JavaScript不会执行注释，我们可以添加注释来对JavaScript进行解释，提高代码的可读性。 - 单行注释 // 开头
- 多行注释 /* 开头，*/结尾。
变量：变量是存储信息的容器，变量命名要遵循一定的规则：必须以字母开头，也能以$和_符号开头（不过我们不推荐这么做，对大小写敏感（x和Y是不同的变量）。在JavaScript中创建变量通常称为 "声明" 变量，我们
使用var关键词来声明变量 ： var carname;
如需向变量赋值，请使用 = ：carname="Volvo";
可以在一条语句中声明多个变量。该语句以var开头，并用逗号分隔即可：var name="Gates", age=56,job="CEO"。
数据类型
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型，大致可以分为以下几类：
字符串、数字、布尔、数组、对象、Null、Undefined
- 字符串可以是引号中的任意文本，可以使用单引号或双引号：var name = 'sam'
- 数字可以带小数点，也可以不带：var x1=34.00或者var x2=34
- 布尔（逻辑）只能有两个值：true 或 false
- 数组存储一组数据的集合，下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推
- 对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔： var person=
- Undefined 和 Null ：Undefined 这个值表示变量不含有值，可以将变量的值设置为 null 来清空变量。
可以使用关键词 "new" 来声明其类型： - var carname=new String;
- var x= new Number;
- var y= new Boolean;
- var cars= new Array;
- var person= new Object;
注意：JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象
函数
函数是由事件驱动或者当它被调用时执行的可重复使用的代码块，定义语法如下所示：
function functionname() {
这里是要执行的代码
}
当调用该函数时，会执行函数内的代码。可在 JavaScript 的任何位置进行调用。
运算符
运算符常用来对JavaScript中的变量进行运算，主要有以下几个方面
- 算术运算符：+、-、*、/、%、++、--
- 赋值运算符：=
- 比较运算符：==、！=、>、<、>=、<=
- 逻辑运算符: &&、||、！
- 条件运算符：variablename=(condition)?value1:value2
流程控制
- If（条件）else 语句：在条件为 true 时执行代码，在条件为 false 时执行其他代码
- For 循环：用来执行大量重复的代码
for (语句 1; 语句 2; 语句 3){
被执行的代码块
}
while 循环：while 循环会在指定条件为真时循环执行代码块。
do-while循环：
do {
需要执行的代码
}
while (条件);
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！