JS基础(语法结构/变量/数据类型/运算符/流程控制)
目录
- JS基础(语法结构/变量/数据类型/运算符/流程控制)
- 什么是js？
- 注释语法
- 语法结构
- 引入方式
- 【1】script标签内部直接书写js代码
- 【2】script标签src属性引入外部js代码
- JS基础数据类型
- 变量与常量
- 变量的定义
- 常量的定义
- 运算符
- 算数运算符
- 算术运算符：
- 赋值运算符
- 比较运算符：
- 逻辑运算符
- 条件运算符(三元运算符)
- 流程控制语句
- if条件语句
- for循环
- switch语句
- while循环
什么是js？
JavaScript 是一种前端脚本编程语言，主要依赖于Web浏览器运行，同时也可以进行后端开发，例如Node.js。通过DOM操作网页元素，POM设计模式使测试代码更可维护、可扩展，提高自动化测试效率。
注释语法
// 单行注释
/*
多行注释
多行注释
*/
语法结构
js可以加;结尾，也可以不加，不会影响代码执行。建议要么整个项目都加，要么整个项目都不加
console.log("Hello");
console.log("World")
引入方式
【1】script标签内部直接书写js代码
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<script>console.log("你好")
</script>
</body>
</html>
【2】script标签src属性引入外部js代码
<!--test.html-->
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script src="test.js"></script>
</head>
<body>
</body>
</html><!--test.js-->
console.log("Hello")
JS基础数据类型
- 字符串
String，表示文本数据，使用单引号或双引号包裹起来，例如'Hello'或"World" - 数字
Number，表示数字类型，可以是整数和浮点数，例如6或3.5 - 布尔值
Boolean，表示逻辑值，只有True和False - 空值
Null，表示没有值的特殊类型，只有一个取值Null - 未定义
Undefind，表示未被赋值的变量，默认情况下具有未定义的值，通过undefined表示 - 符号
Symbol，表示独一无二的值，用于创建唯一的对象属性键 - 数组
Array，表示有序的可迭代的数据列表，通过[]定义，可以存储多个值，与python中的列表相似 - 对象
Object，表示键值对集合，通过{}定义，并且可以动态添加、修改和删除属性，与python中的字典相似
变量与常量
变量的定义
在JS中定义变量会用var、let关键字进行声明
var x = 10; // 可以修改值
let y = "Hello"; //可以修改值
常量的定义
在JS中定义常量会用const关键字进行声明
const z = 3.14; //不可修改值
常量一旦被赋值后便不可被修改，如果修改则会报错
运算符
算数运算符
-
算术运算符：
-
加法：
+ -
减法：
- -
乘法：
* -
除法：
/ -
取余：
% -
自增：
++ -
自减：
---
其中++和–需要额外注意的是，x++和++x并不是同一个含义
-
// ++x表示先+1再赋值 var x = 10; console.log(++x); // x = 11// y++表示先赋值再+1 var y = 10; console.log(y++); // y = 10 console.log(y); // y = 11
-
-
-
赋值运算符
- 简单赋值：
= - 加法赋值：
+= - 减法赋值：
-= - 乘法赋值：
*= - 除法赋值：
/= - 取余赋值：
%= - 其他赋值运算符如
**=、<<=、>>=等等
- 简单赋值：
-
比较运算符：
- 相等：
== - 不相等：
!= - 全等：
=== - 不全等：
!== - 大于：
> - 小于：
< - 大于等于：
>= - 小于等于：
<=
- 相等：
-
逻辑运算符
- 逻辑与：
&& - 逻辑或：
|| - 逻辑非：
!
- 逻辑与：
-
条件运算符(三元运算符)
-
条件？条件成立表达式1:条件不成立表达式2； -
var age = 18; var result = (age >= 18) ? "成年人" : "未成年人"; console.log(result); // 输出: "成年人"
-
流程控制语句
if条件语句
var x = 8;
if (x<20){conlose.log('x小于20')
}else if (x<10){conlose.log('x小于10')
}else{conlose.log('x大于等于20')
}
for循环
for (var i = 0; i < 5; i++) {console.log(i)
}
switch语句
var x = 3;
switch(x){case 1:console.log("今天是周一");break;case 2:console.log("今天是周二");break;case 3:console.log("今天是周三");break;
}
while循环
var x = 0;
while(x < 10){console.log(x);x++;
}
console.log("今天是周三");break;
}
[外链图片转存中...(img-2oAdrPYx-1708435445382)]### while循环```js
var x = 0;
while(x < 10){console.log(x);x++;
}
[外链图片转存中…(img-dCzXvelv-1708435445382)]
