JavaScript自学笔记 第4次
1.函数=代码块,由事件驱动或调用,可以重复执行。
2.函数可以带执行参数。
<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script> function myFunction(name,job) //带有name和job两个参数 { alert("Welcome " + name + ", the " + job); } </script> |
3.使用return语句使函数返回值,到调用他的地方。
function myFunction() { var x=5; return x; //返回了x,即5。 }
var myVar=myFunction(); //myVar被赋予了myFunction()的返回值,5.
//不保存变量,可以这样使用 document.getElementById("demo").innerHTML=myFunction(); |
4.return也可以用于退出。
function myFunction(a,b) { if (a>b) { return; } x=a+b }; |
5.局部变量:在函数内声明,只能在函数内部访问他,函数运行完毕就会被删除。
6.全局变量:在函数外声明,可以在网页上的所有函数脚本访问,网页关闭时被删除。
7.向未声明的变量赋值:这个变量默认成为全局变量,不管他在什么地方被执行赋值。
8.运算符。见表:
给定 y=5,下面的表格解释了这些算术运算符:
运算符 | 描述 | 例子 | 结果 |
+ | 加 | x=y+2 | x=7 |
- | 减 | x=y-2 | x=3 |
* | 乘 | x=y*2 | x=10 |
/ | 除 | x=y/2 | x=2.5 |
% | 求余数 (保留整数) | x=y%2 | x=1 |
++ | 累加 | x=++y | x=6 |
-- | 递减 | x=--y | x=4 |
9.赋值运算符,见表:
给定 x=10 和 y=5,下面的表格解释了赋值运算符:
运算符 | 例子 | 等价于 | 结果 |
= | 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 |
10.数字和字符串相加,得出来的是字符串。
11.比较运算符:
给定 x=5,下面的表格解释了比较运算符:
运算符 | 描述 | 例子 |
== | 等于 | x==8 为 false |
=== | 全等(值和类型) | x===5 为 true;x==="5" 为 false |
!= | 不等于 | x!=8 为 true |
> | 大于 | x>8 为 false |
< | 小于 | x<8 为 true |
>= | 大于或等于 | x>=8 为 false |
<= | 小于或等于 | x<=8 为 true |
12.逻辑运算符:
给定 x=6 以及 y=3,下表解释了逻辑运算符:
运算符 | 描述 | 例子 |
&& | and | (x < 10 && y > 1) 为 true |
|| | or | (x==5 || y==5) 为 false |
! | not | !(x==y) 为 true |
13.条件运算符:
//语法 //变量名=(条件)?条件成立赋值:条件不成立赋值 variablename=(condition)?value1:value2
//例如,如果visitor等于"PRES"则将"Dear President"赋值给变量greeting,反之将"Dear"赋值给变量greeting。 greeting=(visitor=="PRES")?"Dear President ":"Dear "; |
14. if语句:
/*
if (条件) { 只有当条件为 true 时执行的代码 }
*/ if (time<20) { x="Good day"; } |
15.if…else…语句:
/*
if (条件) { 当条件为 true 时执行的代码 } else { 当条件不为 true 时执行的代码 }
*/ if (time<20) { x="Good day"; } else { x="Good evening"; } |
16.if…else if…else语句:
/*
if (条件 1) { 当条件 1 为 true 时执行的代码 } else if (条件 2) { 当条件 2 为 true 时执行的代码 } else { 当条件 1 和 条件 2 都不为 true 时执行的代码 }
*/ if (time<10) { x="Good morning"; } else if (time<20) { x="Good day"; } else { x="Good evening"; } |
17.switch语句,多选一。蓝色部分为自己添加,这样就可以用onclick="tryInner"来调用,直观的体现在网页上。
<head> var day=new Date().getDay();
function tryInner() { document.getElementById("demo").innerHTML=whichDay(); }
function whichDay() { switch (day) { case 0: x="Today it's Sunday"; break; case 1: x="Today it's Monday"; break; case 2: x="Today it's Tuesday"; break; case 3: x="Today it's Wednesday"; break; case 4: x="Today it's Thursday"; break; case 5: x="Today it's Friday"; break; case 6: x="Today it's Saturday"; break; default: //设置一个默认值,这样所有条件都不满足时,就会执行default。 x="I think your computer is crazy!"; } return x; } </head> <body> <p id="demo">这是一个测试</p> <button onclick="tryInner()">点我</button> </body> |
第4次学习过后,觉得有点像按键精灵脚本(以前玩游戏经常写),还是比较好理解的。