第六次网页前端培训笔记（JavaScript）

B站p20-23

基础运算符

+	x=y+2	7	5
-	x=y-2	3	5
*	x=y*2	10	5
/	x=y/2	2.5	5
%	x=y%2	1	5
++	x=++y	6	6
	x=y++	5	6
--	x=--y	4	4
	x=y--	5	4

比较运算符

=	x=y		x=5
+=	x+=y	x=x+y	x=15
-=	x-=y	x=x-y	x=5
*=	x*=y	x=x*y	x=50
/=	x/=y	x=x/y	x=2
%=	x%=y	x=x%y	x=0

==	等于	x==8	false
		x==5	true
===	绝对等于（值和类型均相等）	x==="5"	false
		x===5	true
!=	不等于	x!=8	true
!==	不绝对等于（值和类型有一个不相等，或两个都不相等）	x!=="5"	true
		x!==5	false
>	大于	x>8	false
<	小于	x<8	true
>=	大于或等于	x>=8	false
<=	小于或等于	x<=8	true

逻辑运算符

&&	and	(x < 10 && y > 1) 为 true
||	or	(x==5 || y==5) 为 false
!	not	!(x==y) 为 true

三目运算符

？：

如果···否则···

3>5?3:5

   数组：按一定次序排列的一组数据，每个值的位置都有编号（从零开始），整个数组用方括号表示

数组的定义	隐式定义：var 数据名=【】，var 数据组=【值1，值2】 直接实例化：var 数据组=new Array（值1，值2） 定义数组并设置长度：var 数组名 = new Array（size）
数组的操作	获取数组的值：数组名【下标】 设置数组的值：数组名【下标】= 值 获取数组的长度：数组名.length 设置数组的长度：数组名.length = 值 如果设置非整数型的下标，则会成为数组属性，不计入数组长度 设置属性：数组名.属性名=值；数组名【”属性名“】=值 获取属性：数组名.属性名；数组名【”属性名“】
数组的遍历	依次访问数组的每一个元素 JS三种遍历数组的方式：for循环遍历，for...in，for，forEach

函数：一段预先设置的功能代码块

函数的参数:函数运行时有时需要提供外部数据，不同的的外部数据会得到不同的结果，这种外部数据叫参数，定义时的参数叫形参，调用时的参数叫实参

函数定义方式: 1、函数声明语句 2、函数定义表达式 3、Function构造函数

1、function fn01(a,b){             console.log(a+b)         }         console.log(fn01) 2、var fn02 = function(a,b){             console.log(a+b)         } console.log(fn02) 3、var fn03 = new Function('a','b','return (a+b);')         console.log(fn03)         function fn04(a,b){             return a + b;

函数的参数 1、实参数可省略，形参为undefinded 2、参数同名以最后一个为准 3、可以设置参数默认值 4、参数传递 值传递 地址传递

1、function test01(x, y){             console.log(x+y)         }         test01()         test01(1)         test01(1,2) 2、function test01(x, x){             console.log(x)         }         test01(0,2 3、function test03(x){             x=x             console.log(x)         }         test03(10)         test03() 4、var num=10         function test05(num){             num=20         }         test05(num)         console.log(num)         var obj = {name:"zhangsan"}         console.log(obj)         function test06(o){             o.name = "lisi"         }         test06(obj)         console.log(obj

函数的调用

常用调用模式	function f1(){             console.log("常用和调用模式...")         }         f1()
函数调用模式	var f2 = function(a){             console.log("函数调用模式...")             return a                  }         var num1=f2(1)         console.log(num1)
方法调用模式	var obj={             name:"zhangsan",             age:18,             sex:true,             cats:["大毛","二毛"],             dog:{                 name:"张二狗",                 age:1             },             sayHello:function(){                 console.log("你好啊")             }         }         console.log(obj)         console.log(obj.dog)         console.log(obj.sayHello)         obj.sayHello()

函数返回值

有返回值，	function a2(){             console.log("有返回值...")             return "test"         }         console.log(a2())
无返回值	function a1(){             console.log("没有返回值...")             return             console.log("......")         }         console.log(a1())

函数的作用域：只有在JS中函数才有作用域，未使用var修饰符是全局变量，使用var修饰符不是是全局变量，只有全局变量才能被在函数外调用

var pp = "Hello"         function qq(){             var box=10             box2=20         }         qq()         console.log(pp)         console.log(box)         console.log(box2)