JavaScript-2

运算符

赋值运算符

+=	-=	*=	/=	%=

一元运算符

自增

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>// 1. 声明函数function printHelloWorld() {document.write('Hello World')}// 2. 使用函数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>// 立即执行函数// 写法1：(function (x, y) {document.write(x + y)})(1, 2)// 写法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: '男'}// 操作对象// 1. 修改属性值Jack.gender = '女'// 2. 添加新的属性Jack.hobby = 'Coding'// 3. 删除属性（了解）delete Jack.hobby// 4. 查找属性值console.log(Jack.gender);     // 方式1console.log(Jack['gender']);  // 方式2</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)// 方法:// ceil:天花板  向上取整console.log(Math.ceil(1.1));        // 2// floor:地板   向下取整console.log(Math.floor(1.9));       // 1// 四舍五入console.log(Math.round(1.4));       // 1console.log(Math.round(-1.5));      // -1console.log(Math.round(-1.51));     // -2// 知识扩展：（取整函数）// 1. parseInt(1.2)       // 1// 2. parseInt('18px')    // 18// 其他console.log(Math.max(1, 2, 3, 4, 5));console.log(Math.min(1, 2, 3, 4, 5));console.log(Math.abs(-2));// 生成随机小数，范围是 [0,1)console.log(Math.random());</script>

自定义随机数范围

    <script>// 生成N-M之间的随机数，公式如下：Math.floor(Math.random() * (M - N + 1)) + N</script>