3.11 day22 js基础第四天

1.函数

3.11 day22 js基础第四天_第1张图片
3.11 day22 js基础第四天_第2张图片

2.函数使用

1.函数的声明

3.11 day22 js基础第四天_第3张图片
3.11 day22 js基础第四天_第4张图片

2.命名规范

3.11 day22 js基础第四天_第5张图片

3.函数调用

3.11 day22 js基础第四天_第6张图片
3.11 day22 js基础第四天_第7张图片
3.11 day22 js基础第四天_第8张图片
3.11 day22 js基础第四天_第9张图片

1.练习

3.11 day22 js基础第四天_第10张图片

2.练习

3.11 day22 js基础第四天_第11张图片
3.11 day22 js基础第四天_第12张图片
3.11 day22 js基础第四天_第13张图片

4.函数传参

3.11 day22 js基础第四天_第14张图片
3.11 day22 js基础第四天_第15张图片
3.11 day22 js基础第四天_第16张图片
3.11 day22 js基础第四天_第17张图片
3.11 day22 js基础第四天_第18张图片
3.11 day22 js基础第四天_第19张图片
3.11 day22 js基础第四天_第20张图片
3.11 day22 js基础第四天_第21张图片

1.练习

3.11 day22 js基础第四天_第22张图片

2.练习

3.11 day22 js基础第四天_第23张图片

3.练习

3.11 day22 js基础第四天_第24张图片
3.11 day22 js基础第四天_第25张图片
3.11 day22 js基础第四天_第26张图片

5.函数返回值

3.11 day22 js基础第四天_第27张图片
3.11 day22 js基础第四天_第28张图片
3.11 day22 js基础第四天_第29张图片
3.11 day22 js基础第四天_第30张图片
3.11 day22 js基础第四天_第31张图片
3.11 day22 js基础第四天_第32张图片
3.11 day22 js基础第四天_第33张图片
  1. 练习

3.11 day22 js基础第四天_第34张图片
3.11 day22 js基础第四天_第35张图片
3.11 day22 js基础第四天_第36张图片
3.11 day22 js基础第四天_第37张图片

6.函数细节

3.11 day22 js基础第四天_第38张图片

7.作用域

3.11 day22 js基础第四天_第39张图片
3.11 day22 js基础第四天_第40张图片
3.11 day22 js基础第四天_第41张图片
3.11 day22 js基础第四天_第42张图片
3.11 day22 js基础第四天_第43张图片

1.思考

3.11 day22 js基础第四天_第44张图片

2.访问原则

3.11 day22 js基础第四天_第45张图片

3.案例

3.11 day22 js基础第四天_第46张图片
3.11 day22 js基础第四天_第47张图片
3.11 day22 js基础第四天_第48张图片
3.11 day22 js基础第四天_第49张图片

8.匿名函数

3.11 day22 js基础第四天_第50张图片

1.函数表达式

3.11 day22 js基础第四天_第51张图片
3.11 day22 js基础第四天_第52张图片

2.立即执行函数

3.11 day22 js基础第四天_第53张图片
3.11 day22 js基础第四天_第54张图片

3.案例

3.11 day22 js基础第四天_第55张图片

9.逻辑终端中断

3.11 day22 js基础第四天_第56张图片
3.11 day22 js基础第四天_第57张图片
3.11 day22 js基础第四天_第58张图片
3.11 day22 js基础第四天_第59张图片

10.boolean类型

3.11 day22 js基础第四天_第60张图片
3.11 day22 js基础第四天_第61张图片
3.11 day22 js基础第四天_第62张图片
3.11 day22 js基础第四天_第63张图片

3.主观题


练习题1:

请看以下代码,并说出执行的流程~~~

3.11 day22 js基础第四天_第64张图片

练习题2:

目标:求和函数封装练习

要求:

  1. 封装函数, 名字为sum

  1. 功能: 根据传入的两个数,求和并且返回求和的结果(函数必须有return返回值)




    
    
    
    Document


    

练习题3:

目的: 封装函数, 复习函数的基本写法。

需求:实现两个数的值交换(函数版本)

分析:

  1. 函数名为 changeNum()

  1. 调用函数时, changeNum(1,2)

  1. 经过函数内部处理后,输出 第一个值的结果是2 第二个值的结果是1

  1. 可以多调用两次


    

练习题4:

目的: 复习函数的声明与调用

题目:封装余额函数

要求:

  1. 运行程序后, 浏览器显示输入确认框(prompt)

  1. 第一个输入确认框提示输入银行卡余额

  1. 第二个输入确认框提示输入当月食宿消费金额

  1. 第三个输入确认框提示输入当月生活消费金额

  1. 输入完毕后,在页面中显示银行卡剩余金额

  1. 提示: 所有功能代码封装在函数内部(函数需要把余额返回)


    

练习题5:

目标: 封装一个函数,可以求任意数组的和 或 平均值

要求:

  • 函数可以传递2个参数,比如 handleData(arr, true) handleData 处理数据的意思

  • 参数一: 接受实参传递过来的数组

  • 参数二: 布尔类型 如果是true或者不传递参数 是求和操作, 如果传递过来的参数是 false 则是求平均值




    
    
    
    Document


    

4.拓展题1

需求: 封装 some 函数查看数组是否存在某个元素 。

  • 要传递2个参数 元素、数组

  • 如果数组存在元素则返回true,如果没有存在元素就返回 false

例如检测 香蕉 是否存在于 数组['苹果', '香蕉', '橘子', '荔枝', '梨子']中, 返回结果是 true

格式如下:

3.11 day22 js基础第四天_第65张图片

5.排错题


排错题1

3.11 day22 js基础第四天_第66张图片
x = x || 0
y = y || 0

排错题2

3.11 day22 js基础第四天_第67张图片
8行:sum += arr[i]
7行:length

6.客观题


3.11 day22 js基础第四天_第68张图片

你可能感兴趣的:(js基础,javascript,html,dreamweaver)