條件運算符
- 條件運算符也叫三元運算符
- 語法：條件表達式?語句1:語句2;
- 執(zhí)行的流程：
條件運算符在執(zhí)行時搀菩，首先對條件表達式進行求值，如果該值為true巨缘，則執(zhí)行語句1欣鳖，并返回執(zhí)行結果。如果該值為false不傅，則執(zhí)行語句2旅掂，并返回執(zhí)行結果。如果條件的表達式的求值結果是一個非布爾值访娶，會將其轉換為布爾值然后在運算.
逗號
- 使用逗號可以在一條語句中執(zhí)行多次操作商虐。
- 比如：var num1=1, num2=2, num3=3;
- 使用逗號運算符分隔的語句會從左到右順 序依次執(zhí)行
運算符的優(yōu)先級
- .、[]、 new
- ()
- ++秘车、 --
- !典勇、~、+(單目)鲫尊、-(單目)痴柔、typeof、
- void疫向、delete
- %咳蔚、*、/
- +(雙目)搔驼、-(雙目)
- << 谈火、 >>、 >>>
- <舌涨、<=糯耍、>、>=
- ==囊嘉、!==温技、===
- &
^
|
&&
||
?:
? =、+=扭粱、-=舵鳞、*=、/=琢蛤、%=蜓堕、<<=、>>=博其、>>>=套才、&=、^=慕淡、|=
? ,
代碼塊
- 代碼塊是在大括號 {} 中所寫的語句背伴，以此將 多條語句的集合視為一條語句來使用。
- 例如：
{
var a = 123;
a++;
alert(a);
} - 我們一般使用代碼塊將需要一起執(zhí)行的語句進 行分組峰髓，需要注意的是傻寂，代碼塊結尾不需要加 分號。
條件語句
條件語句是通過判斷指定表達式的值來決 定執(zhí)行還是跳過某些語句儿普。
最基本的條件語句：
if...else
switch...caseif...else
-
if...else語句是一種最基本的控制語句崎逃，它讓JavaScript可以有條件的執(zhí)行語句掷倔。
image switch...case
switch...case是另一種流程控制語句眉孩。
switch語句更適用于多條分支使用同一條語句的情況。
語法switch(語句){
case 表達式1:
語句...
case 表達式2:
語句...
default:
語句...
}
：需要注意的是case語句只是標識的程序運行的起點，并不是終 點浪汪，所以一旦符合case的條件程序會一直運行到結束巴柿。所以我 們一般會在case中添加break作為語句的結束。
流程控制語句
- JS中的程序是從上到下一行一行執(zhí)行的
- 通過流程控制語句可以控制程序執(zhí)行流程死遭，使程序可以根據一定的條件來選擇執(zhí)行
- 語句的分類：
1.條件判斷語句
2.條件分支語句
3.循環(huán)語句
return關鍵字
<script type="text/javascript">
window.onload = function(){
var oInput01 = document.getElementById('input01');
var oInput02 = document.getElementById('input02');
var oBtn = document.getElementById('btn');
//寫入值
// oInput01.value = 10;
// oInput02.value = 5;
oBtn.onclick = function(){
var val01 = oInput01.value;
var val02 = oInput02.value;
var rs = add(val01, val02);
alert(rs);
}
function add(a, b){
var c = parseInt(a) + parseInt(b);
// alert('計算完成');//執(zhí)行
return c;//返回函數設定的值广恢，同時結束函數的運行
// return;//不返回值，僅結束函數的運行
// alert('計算完成');//不執(zhí)行
}
}
</script>
函數傳參
<script type="text/javascript">
window.onload = function(){
var oDiv = document.getElementById('div1');
changeStyle('color', 'gold');
changeStyle('background', 'red');
changeStyle('width', '300px');
changeStyle('height', '300px');
changeStyle('fontSize', '30px');
function changeStyle(styl, val){
oDiv.style[styl] = val;
}
}
</script>
匿名函數
<script type="text/javascript">
window.onload = function(){
var oDiv = document.getElementById('div1');
/*有名字的函數*/
// oDiv.onclick = myalert;
// function myalert(){
// alert('hello');
// }
/*匿名函數*/
oDiv.onclick = function(){
alert('hello');
}
}
</script>