条件语句
在任何的编程语言中,代码需要依靠不同的输入作出决定并且采取行动。
条件语句结构允许我们来描述在JavaScript中这样的选择。
if…else语句
基本的if…else语句应该是这样的的
if(条件){
......
}else{
......
}
解析:
1、关键字if,后面紧跟括号,括号中放入测试的条件,通常使用比较运算符进行比较。
2、花括号,里面有当条件为true时运行的代码。
3、else以及它的花括号,条件为false时运行的代码。
else if
有一种方法来让你的 if…else 连接你的额外的选择和结果——使用else if 。每一个额外的选择要求放到 if() { … } 和 else { … } 里
嵌套 if…else
例如
if(test==='hello'){
if(a==='java'){
........
}else if(a==='python'){
........
}
]
即使代码全部一起工作,每个if … else语句完全独立于另一个。
逻辑运算符
AND , OR , NOT
&& – 逻辑与,当条件都为True时才会执行。
|| – 逻辑或,当条件有一个为True就会执行。
switch语句
对于只想将变量设置一系列为特定值的选项或根据条件打印特定语句的情况,语法可能会很麻烦,在这里你就可以使用switch语句。
switch(choice){
case 'a':
...
break;
case 'b':
...
break;
...
default:
...
}
1、关键字switch,紧跟括号,括号内为表达式或者值
2、关键字case,后紧跟表达式或者值,再跟一个冒号,弱与表达式匹配,则运行冒号后的代码,break意味着运行完毕switch语句,退出。
3、若之前没有匹配的值则运行default。
三元运算符
可以理解为if…else的简化版,如
(test===5)?console.log('true'):console.log('false');
若条件为True运行冒号前面的代码,否则运行冒号后面的代码。
循环语句
一段循环通常需要一个或多个条件:
一个开始条件,它被初始化为一个特定的值 。
一个结束条件,这是循环停止的标准 - 通常计数器达到一定值。
一个迭代器,这通常在每个连续循环上递增少量的计数器,直到达到退出条件。
for循环
for(var i=0;i<10;i++){
......
}
解释:
for关键字后的括号内分别为,定义一个变量;变量小于一个值;变量就自增。
当变量等于这个值后就停止循环,所以上述循环会执行十次花括号内的代码。
在for循环语句中,可以嵌套if语句,也可在if语句中加入break,当满足一定的条件时退出循环,而continue则是跳过当此循环继续下次循环。
while语句和do…while语句
var i = 0;
while (i < cats.length) {
if (i === cats.length - 1) {
info += 'and ' + cats[i] + '.';
} else {
info += cats[i] + ', ';
}
i++;
}
var i = 0;
do {
if (i === cats.length - 1) {
info += 'and ' + cats[i] + '.';
} else {
info += cats[i] + ', ';
}
i++;
} while (i < cats.length);
两者的区别在于,while语句是先判断条件再执行,而do…while语句是先执行再判断是否有下次。
函数
在JavaScript中另一个基本概念是函数, 它允许你在一个代码块中存储一段用于处理一个任务的代码,然后在任何你需要的时候用一个简短的命令来调用,而不是把相同的代码写很多次。
浏览器的内置函数
例如置换字符串 replace
分离字符串获得数组 split
随机数字 random
等等,其实我们一直在使用着各种函数
但其实,这些内置函数准确来说并不是函数,它们是方法,方法是在对象内定义的函数。
自定义函数
以下是一个简单的示例
function myfunction(){
alert('hello world!');
}
myfunction();
这是一个简单的函数结构
后面执行的myfunction()其实是在调用这个函数
匿名函数
function() {
alert('hello world!');
}
这种没有方法名的函数我们称之为匿名函数,它也不会自己做任何事情,你通常使用匿名函数以及事件来处理程序,例如:
var myButton = document.querySelector('button');
myButton.onclick = function() {
alert('hello world!');
}
事件
在Web中, 事件在浏览器窗口中被触发并且通常被绑定到窗口内部的特定部分 — 可能是一个元素、一系列元素、被加载到这个窗口的 HTML 代码或者是整个浏览器窗口。举几个可能发生的不同事件:
1.用户在某个元素上点击鼠标或悬停光标。
2.用户在键盘中按下某个按键。
3.用户调整浏览器的大小或者关闭浏览器窗口。
4.一个网页停止加载。
5.提交表单。
6.播放、暂停、关闭视频。
7.发生错误。
以下是一个例子
在你的body里放入一个按钮
<button>test</button>
JavaScript代码如下所示:
var btn = document.querySelector('button');
btn.onclick = function() {
alert('hello world!');
}
这就是一个简单的点击事件。