100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JS:函数的概念 执行 分类 方法 出入口 形参实参应用 事件的分类-第四天

JS:函数的概念 执行 分类 方法 出入口 形参实参应用 事件的分类-第四天

时间:2019-10-05 02:41:28

相关推荐

JS:函数的概念 执行 分类 方法 出入口 形参实参应用 事件的分类-第四天

# 一、复习

1、循环的意义

- 减少代码冗余,减少文件体积

2、循环的三要素

- 计数器,执行条件计数器的改变,

3、死循环

- 无法通过自身结束循环

4、循环语句

5、循环的应用

- 需要重复执行某些代码的场景

# 三、函数

1、概念:实现了某个功能的一段代码的打包,可以通过程序进行控制:由一堆代码组成,实现了某个功能,可以直接被调用或者事件控制的代码段

- 内置功能

- 非内置功能

2、函数的特点:

- 忽略细节

- 重复使用

- 选择使用

3、创建函数 - 创建打包的容器

- 声明式:

- 声明函数的关键字function

- function 函数名(参数列表){组成功能的代码,函数的执行语句}

- 赋值式:

- 利用变量进行赋值

- var 变量名 = function(){}

4、函数的执行 - 使用这个容器内的功能

- 直接执行

- 名字()

- 注意:任何情况下,只要 名字() 都会作为函数执行

- 事件执行(控制):`事件源,on事件名 = 函数名`

- btn.onclick = printTable

5、根据写法,函数的分类

- 有名函数:function fn(){}

- 正常函数,能直接使用

- 无名函数:function (){}

- 非正常函数,不能直接使用,只能作为*值*使用

1、作为赋值式创建函数

var abc = function(){}

2、作为事件处理函数

btn.onclick = function(){}

3、作为另一个函数的实参

fn(function(){})

4、作为另一个函数的返回值

function fun(){ return function(){}}

5、作为匿名函数的主体

(function(){})()

- 匿名函数:(function(){})()

- 立即执行

- 利用匿名函数生成独立的作用域

- 匿名函数前后要加分号;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;

- 箭头函数:。。。

6、事件

- 事件:行为、动作、交互的体现,需要通过某些动作(行为)触发,触发之后,执行对应的功能的过程

- 事件分类

- 鼠标类

- 左键单击:click

- 右键单击:contentmenu

- 左键双击:dblclick

- 按下:mousedown

- 抬起:mouseup

- 移动:mousemove

- 进入:mouseover/mouseenter

- 出来:mouseout / mouseleave

- 键盘类

- 点击:keypress

- 按下:keydown

- 抬起:keyup

- 表单类

- 获取焦点:focus

- 失去焦点:blur

- 输入:input

- 内容改变: change

- 提交:submit

- 重置:reset

- 浏览器

- 加载完成:load

- 滚动:scroll

- 改变尺寸:resize

- 主题:测试事件的执行

- 确定事件源

- 找准事件源

- 行为要对应

7、函数的参数 - 入口

- 参数:在函数执行时,可以动态的像函数内部传输数据,函数内根据传入数据的不同,选择执行不同的功能

- 分类

- 函数执行时,发送的参数:实参

- 函数定义时,接收的参数:形参

- 实参发送给形参,形参保存了实参,实参赋值给了形参,类似于变量的赋值

- 参数类型:任意类型

- 参数的个数:任意个

- 数量一致:从左到右一一对应

- 形参多:多出来的形参为undefined

- 实参多:多出来的实参,没有形参接收,可以找arguments

8、arguments

<!-- - 当函数的实参比形参多时,形参并没有很好的接收实参,函数内部默认的对象(arguments),专门用来接收所有的实参 -->

- 函数内部内置的数组对象,用来接收当前所有函数的实参!和形参没有关系

- arguments是一个数组

- argyments.length:数组的长度,实参的个数

- 解析arguments每一个数据:配合索引的概念:0~len-1

- arguments[n]

9、参数应用

- 定义功能时,提前将可能变化的数据,处理成形参

- 将来执行该功能时,将数据通过形参传如入函数,执行对应的功能

- 当函数的参数个数确定时,使用具体的形参接收即可

- 当函数参数个数不确定时,可以使用arguments获取所有的实参

10、函数的出口 - 出口

- 关键字:return 要返回的数据或变量

- return将函数执行结果,返回到执行语句上

- 如果一个函数没有return,那么它返回的数值是undefined

- 返回值的类型:任意类型

- 返回值的个数: 一个函数只能有一个返回值

- return的功能

- 可以让函数有返回值

- 立即结束函数

- 返回值的应用场景

- 功能函数:可以不需要返回值

- 数据函数:必须要有返回值

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