运算符
赋值运算符
一元运算符
自增
let num = 0
num++ // 或者 ++num
符号:++
作用:让变量的值 +1
自减
let num = 0
num-- // 或者 --num
符号:--
作用:让变量的值 -1
比较运算符
| 符号 | 描述 |
|---|
| > | 左边是否大于右边 |
| < | 左边是否小于右边 |
| >= | 左边是否大于或等于右边 |
| <= | 左边是否小于或等于右边 |
| == | 左右两边值是否相等 |
| != | 左右两边值是否不相等 |
| === | 左右两边是否类型和值都相等 |
| !== | 左右两边是否不全等 |
开发中,如果需要判断是否相等,强烈推荐使用 ===
逻辑运算符
语句
分支语句
单分支语句
<script>if (true) {console.log('Hello World')}</script>
双分支语句
<script>if (false) {console.log('Gread');} else {console.log('Hello World');}</script>
多分支语句
<script>if (false) {console.log(1);} else {console.log(2);} if (true) {console.log(3);} else {console.log(4);}</script>
三元运算符
<script>// 例子1:console.log(5 > 3 ? 'yes':'no');// 例子2:6 > 8 ? alert('yes') : alert('no')</script>
switch 语句
<script>let choose = Number(prompt('请选择号码'))switch (choose) {case 1:console.log('你选择了1号');break; case 2:console.log('你选择了2号');break; case 3:console.log('你选择了3号');break; default:console.log('你没有进行选择');}</script>
循环语句
while 循环
<script>let sum = 0while (sum < 100) {sum++}</script>
for 循环
<script>for (let i = 10; i >= 0; i--) {document.write(`倒计时:${i}秒 <br>`)}</script>
循环的退出
- continue : 结束本次循环,继续下次循环
- break : 退出循环
函数
声明与使用
<script>function printHelloWorld() {document.write('Hello World')}printHelloWorld()</script>
函数传参
<script>function addNum(num1, num2, num3 = 0) {document.write(`相加结果:${num1 + num2 + num3}`)}addNum(1, 9)</script>
函数返回值
<script>function addNum(num1, num2, num3 = 0) {return num1 + num2 + num3}document.write(addNum(1, 9, -5));</script>
匿名函数
函数表达式
<script>let func = function () {document.write('Hello World')}func()</script>
立即执行函数
<script>(function (x, y) {document.write(x + y)})(1, 2)(function (x, y) {document.write(x + y)}(1, 2))</script>
对象
声明对象
<script>// 声明对象let Jack = {name: 'ToMa-Jack',age: 30,gender: '男'}</script>
属性的操作
<script>let Jack = {name: 'ToMa-Jack',age: 30,gender: '男'}Jack.gender = '女'Jack.hobby = 'Coding'delete Jack.hobbyconsole.log(Jack.gender); console.log(Jack['gender']); </script>
对象的方法
<script>// 声明对象let obj = {name: 'Jack',sing: function () {document.write('singing~')}}// 使用对象的方法obj.sing()</script>
遍历对象
<script>let obj = {name: 'Jack',age: 28,gender: '男'}for (let key in obj) {document.write(`${obj[key]} <br>`)}</script>
内置Math对象
基本认识
- 介绍:Math 对象是 JavaScript 提供的一个 “数学” 对象
- 作用:提供了一系列做数学运算的方法
- Math 对象包含的方法有:
Math.ndom 生成0~1之间的随机数(包含0不包含1)Math.ceil 向上取整Math.floor 向下取整Math.max 找最大数Math.min 找最小数Math.pow 幂运算Math.abs 绝对值
- Math 对象在线文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math
具体演示
<script>console.log(Math.PI)console.log(Math.ceil(1.1)); console.log(Math.floor(1.9)); console.log(Math.round(1.4)); console.log(Math.round(-1.5)); console.log(Math.round(-1.51)); console.log(Math.max(1, 2, 3, 4, 5));console.log(Math.min(1, 2, 3, 4, 5));console.log(Math.abs(-2));console.log(Math.random());</script>
自定义随机数范围
<script>Math.floor(Math.random() * (M - N + 1)) + N</script>