函数的概念
是具有包裹性最小的功能模块,提高代码的复用性
从业务的角度来看
1-协同开发
2-便于维护
函数的定义
一个功能模块的创造
function 标识符 (参数列表){
函数体;
}
var 标识符=function(参数列表){
函数体;
}
函数体:以前怎么写,现在就怎么写,只是将代码写入函数的{}之间,代表一个模块
function:关键字,告知编辑器后面的标识符是一个函数
标识符:函数的名字,满足标识符命名规则,遵循驼峰命名法
参数列表
1-无参
小括号里啥也不写
2-有参
通常函数代表一个功能模块,用来处理数据,如果该函数需要外界传递数据,
则这些数据可以通过参数列表传入
如果有一个以上的参数,用逗号隔开
函数调用
概念:功能模块的使用
语法规则
无参
函数名();
有参
函数名(参数1,参数2,....,参数n);
形参
函数在定义时,小括号里的变量
实参
函数在调用时,小括号里的数据
函数传参方式
1-值传递,函数的实参为内置基本类型
单向传递,只能由实参传给形参,反之不行
2-引用传递,函数的实参为引用类型
双向传递,形参的也会影响实参
注意事项
形参变量也是有独立的空间,只有当函数调用时,形参才会开辟空间
当函数调用结束后,形参的空间立刻会销毁
函数返回值
很多场景中,我们希望函数在执行完后,返回一个数值,这个值就是函数的返回值
可以在函数体内通过return关键字返回一个数值
注意事项
1-函数有return才有返回值,没有return就没有返回值
2-只能返回一个值
3-当函数遇到return语句时,则直接返回值,跳出该函数
函数的嵌套调用
一个函数在定义时,函数体内调用了其他函数
主调函数
被调函数
函数设计思路:需要站在用户调用者的角度去思考
1-功能
2-是否需要参数
3-是否需要返回值
函数定义时的另一种表现形式
函数也是一个对象
var fun=function{
}
函数与事件的关系
事件
定义-用户用鼠标或者键盘操作网页时的某种动作
系统先前定义好了很多动作行为
onclick单击
ondblclick双击
onmouseover划入
onmouseout划出
函数就是事件触发时执行的功能模块,可以理解通过某个动作调用了函数
函数与元素事件绑定
1-通过html元素事件属性直接绑定
2-通过js实现事件和函数绑定
所有的html都可以转换成js对象
通过id名获取html元素,返回该元素的js对象形式
document.getElementById("id名"):
通过ID名获取html元素,返回该元素的js对象形式
通过js对象操作该元素的属性
js对象.属性名=属性值