您的位置：首页 > Web前端

前端js基础理论知识（三循环语句，break和continue的区别，函数，参数）

2019-02-02 12:12 681 查看

循环语句

for循环
for（语句1;语句2;语句3）{
循环体;
}
在循环开始前首先执行初始化部分，初始化部分通常初始化循环中所用的变量
再进行条件判断，条件判断定义运行循环体的条件如果满足条件判断则返回true，执行循环体，不满足返回flase结束循环体
循环体执行完后执行语句3，再进行条件判定，以此往复

while循环

while（循环条件）{

循环操作
}

判断循环条件是否满足，如果满足，则执行循环操作，如果不满足循环条件，则不执行循环操作
执行完循环后，再次判断循环条件，决定继续执行循环操作或者退出循环。

do while循环
do
{
循环体;
}
while (表达式);

注意，while 后面的分号千万不能省略。

break和continue的区别

1.break

break 语句可用于跳出循环。
break所在的循环体已经结束。

for(i=1;i<=5;i++){
if (i==4) {
break;
}console.log(i);
}

2.continue

continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。
continue所在的循环体并没有结束。

for(i=1;i<=5;i++){
if (i==4) {
continue;
} console.log(i);

}

函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript函数语法,函数就是包裹在花括号中的代码块，前面使用了关键词 function：当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。

函数命名规则与变量命名规则一致

1）以字母、$、_开头
2)可以包含数字、字母、$、_
3）区分大小写
4）不能使用关键字和保留字
函数的定义顺序与调用顺序无关

js中函数的定义
（1）函数声明
function 函数名(形参){
函数体;
}

（2）函数表达式

var 变量名 = function(){

函数体

}
两种方式的区别：
第一种，在函数声明前可以调用该函数
第二种，函数表达式中的变量会提升，提升后变量指向undefined，所以无法在声明前调用

function foo(){                        //函数声明
console.log('this is foo');
}foo();//输出结果为 this is foo

var a = function(){                    //函数表达式
console.log("this is a");
};
console.log(a);//输出函数表达式
a()//调用a即可

原因：解析器在向执行环境中加载数据时，解析器会率先读取函数声明，并使其在执行任何代码前可用；至于函数表达式，则必须等到解析器执行到它的所在的代码行，才会真正的被解析

（3）匿名函数

1.单独匿名函数  会报错  无法执行
function(){
return 'lee';
}

2.通过表达式的自我执行
(function(){
alert('lee');
}());

3. 把匿名函数赋值给变量
var a=function(){
document.write('hello world');
};
a();//调用

4.把匿名函数的自我执行的返回值赋值给变量
var box=(function(){
return 'lee';
})();
console.log(box);

5自我执行匿名函数的传参
(function(num){
alert(num);
})(100);

arguments.callee指向函数自身引用
var num = (function(n){
if (n==1) {
return 1;
}
return n*arguments.callee(n-1);
}(10))//3628800

参数:

1 形参: 形参在小括号当中,命名规则和变量一样(字母数字 _ $ 不能以数字开头) ，定义过程中形参不仅只是定义,还会和实参进行对应赋值形参相当于var了一个变量
2 实参: 函数执行时,真实传入的数据,可以是任意数据类型
3 参数的个数可以有多个,没有限制,且实参的个数可以比形参的个数多

案例1
/打印图形
*
***
*****
*******
*********
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function show(row){
for(i=1;i<=row;i++){
for(j=1;j<=2*i-1;j++){
document.write('*');
}document.write('<br>');
}
}
show(5);
</script>
</body>
</html>

案例2
计算长方形的面积
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function calRet(w,h){
var w;
var h;
var area=w*h;
console.log(area);
}
calRet(20,10);
</script>
</body>
</html>

4 参数的个数不确定的时候,可以用不定参来做 arguments

<script type="text/javascript">
//arguments 对象的作用：相当一个容器，传进来的实参都会保存到这个对象中来，没有定义形参时也是一样;
//每一个函数都有这个对象
function show(){
// alert(arguments);
alert(arguments.length);//2
alert(arguments[0]);//1
alert(arguments[1]);//5
}show(1,5);
</script>

return返回值注意以下几点

1.如果函数中没有return关键字，那么函数有默认的返回值undefined。
2 .如果函数中有return关键字，那么这个关键字后面的代码是不会执行的。
3.如果函数中有retruen关键字，这个关键字后面没有值，那么这个函数有返回值是undefined。
4.如果函数中有retruen关键字，这个关键字后面有值，那么这个值就是这个函数的返回值。
5.函数只能返回一个值；如果你真的要返回2个结果或者多个结果，那么可以使用数组。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航