JS基础(语法结构变量数据类型运算符流程控制)

Az_plus

已于 2024-02-21 19:08:02 修改

阅读量1.1k

点赞数 32

分类专栏：前端文章标签： javascript 开发语言 ecmascript

于 2024-02-20 21:25:44 首次发布

本文链接：https://blog.csdn.net/AZURE060606/article/details/136199069

版权

前端专栏收录该内容

39 篇文章 0 订阅

订阅专栏

JS基础(语法结构、变量、数据类型、运算符、流程控制)

什么是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)]

Az_plus

关注

32
点赞
踩
24

收藏

觉得还不错? 一键收藏
0
评论
JS基础(语法结构变量数据类型运算符流程控制)

JavaScript 是一种前端脚本编程语言，主要依赖于Web浏览器运行，同时也可以进行后端开发，例如Node.js。通过DOM操作网页元素，POM设计模式使测试代码更可维护、可扩展，提高自动化测试效率。在JS中定义变量会用varlet关键字进行声明var x = 10;// 可以修改值//可以修改值在JS中定义常量会用const关键字进行声明//不可修改值常量一旦被赋值后便不可被修改，如果修改则会报错。
复制链接

扫一扫