运算符
赋值运算符
一元运算符
自增
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 = 0 while ( 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>