芜湖建站公司,抚顺网站建设技术员招聘,物流网站建设费用,html动态页面代码JS基础(语法结构/变量/数据类型/运算符/流程控制) 目录 JS基础(语法结构/变量/数据类型/运算符/流程控制)什么是js#xff1f;注释语法语法结构引入方式【1】script标签内部直接书写js代码【2】script标签src属性引入外部js代码 JS基础数据类型变量与常量变量的定义常量的定义…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 langen
headmeta charsetUTF-8titleTitle/title
/head
body
scriptconsole.log(你好)
/script
/body
/html【2】script标签src属性引入外部js代码
!--test.html--
html langen
headmeta charsetUTF-8titleTitle/titlescript srctest.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 (x20){conlose.log(x小于20)
}else if (x10){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)]
