1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > js第四天循环嵌套函数

js第四天循环嵌套函数

时间:2024-02-03 01:19:38

相关推荐

js第四天循环嵌套函数

一、循环嵌套

循环的嵌套:循环内部嵌套另一个循环常用场景:循环打印一个图形(九九乘法表,三角形,4*5矩形等等) 循环嵌套规律:

1.一个循环内包含完整的另一个循环语句。

2.被包含的循环语句叫内循环,包含别的循环的循环语句叫外循环。

3.外循环每执行一次循环,内循环都会完全执行所有循环次数。

4.循环嵌套的总执行次数是外循环次数乘以内循环次数。

5.循环嵌套不要超过3层。

ep:

<script>

for ( var m=1;m<=8;m++){

for( var n=1;n<=m;n++){

document.write('☆')

}

document.write('<br>')

}

</script>

二、循环控制语句

概念:让循环执行到满足某个条件的情况下,停止循环或者控制循环的执行。

为什么要用循环控制:比如在海量数据库中查询一个 用户信息时,循环遍历所有用户,找到就停止。或者说在循环遍历所有用户信息的时候,跳过一些不满足的条件(比如:遍历海量用户信息,跳过姓魏的)

break 终止循环

终止本层循环,不再循环(这里注意:如果有多层循环(内层和外层),只跳出本层循环

continue 结束本次循环

跳过本次循环,继续下一次循环

三、函数认识

函数的概念及作用

函数的概念:具有包裹性的最小的功能模块。

函数的作用:

工作中(业务):a.提高开发效率 b.便于维护---->避免牵一发而动全身。

代码角度:提高代码的复用性

四、函数定义

1、声明式定义

function 函数名(参数列表){

函数体

}

2、函数表达式

var 函数名= function(参数列表){

函数体

}

function: 告知编译器该关键字后面的标识符为函数类型

函数名: 标识符命名规则(驼峰命名法)

函数体{}: 内部的代码会在函数被调用的时候执行

注意:

函数定义完毕,需要经过调用才能够执行

五、函数调用

函数调用的形式:函数名()

六、函数参数

什么是函数参数:有的时候,我们想根据传入的不同数据得到不同的结果或效果。

函数参数分类:形参和实参

形参:定义函数时的参数

实参:调用函数时的参数

注意:函数调用的本质就是将实参一一传递(赋值)给形参,也就是说行参的值是在函数调用的时候由实参决定的

ep:求数字x和数字y的和。

函数定义

functiongetSum(x,y){

console.log(x+y);

}

函数调用

getSum(10,20)

七、函数返回值

函数外部访问不到函数内部的定义

需求:想在函数外部访问到函数内部变量或者运算结果

实现 return

特点:带返回值的函数在调用时有两层含义:

1. 执行{}内部的代码

2. 把函数调用当成一个值,该值和return 后的值相等,该值可以直接输出,或者存储成变量,然后输出

其他注意事项:

一个函数只能返回一个结果return除了有返回的含义,还有终止函数执行的含义,return后的代码将不再执行 任何函数都有return,一个函数如果没有写return,实际上默认有一行代码叫return undefined。

八、小结

什么时候需要带return,什么时候不能带return?

当一个函数可以计算一个值时,都是可以带return的。像函数如果是打印一个图形,那么函数肯定不能带return。

练题:

九九乘法表:

<script>

var jiu =1

for( m=1;m<=9;m++){

document.write('<br>')

for( n=1;n<=m;n++){

jiu =n*m

document.write( n,'x',m,'=',jiu ,' ')

}

}

</script>

1-100偶数的和

<script>

function getSum(){

var sum=0;

for(i=1;i<=100;i++){

if(i%2==0){

sum+=i;

}

}

document.write(sum)

}

getSum()

</script>

打印6*6 星星

<script>

function gettu(){

for (i=1;i<=6;i++) {

for(n=1;n<=6;n++){

document.write('☆')

}

document.write('<br>')

}

}

gettu()

</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。