函数:一段代码的封装,主要用于实现某个功能(函数是代码封装和复用的体现)
定义
声明式function函数名(){函数体}
调用:函数名()
注:函数不会主动执行,需要调用
表达式let|var函数名=functtion(){函数体 }
调用:函数名()
注:声明式调用可以在函数定义之前,表达式不可以
带参函数的定义
实现已知数据功能代码
在定义函数的小括号处,填入形参,多个用逗号隔开
在调用函数的小括号处填入实参
形参和实参关系
形参和实参在个数,顺序,数据类型上都要保持一致
如果实参小于形参,形参值为undefined
变量作用域
全局变量:全局可用。函数体外通过var定义的,或者在函数体内部没有用关键字直接就定义的变量
局部变量:在函数体内部定义的变量
函数的返回值
当需要函数的结果进行下一步运算时,明确要求返回的时候需要用到返回值
function函数名(){
函数体
return 变量,值,表达式;
}
调用:函数名()
注:return一旦执行,后面的代码就不会再执行,
函数如果没有return,那么函数返回值为underfined
预编译
函数在逐行执行之前,会先进行预编译
变量提升:将变量声明的代码提升到作用域最前面
- var定义的变量
- 声明式定义的函数
- return后面的语句
- if里面语句(即使条件不成立,也会变量提升)
arguments
- 函数自带对象:记录函数参数相关性息
- 获取函数实参个数arguments.length
- 获取具体某个实参arguments[对应实参的索引]
注:索引从0开始
递归函数
递归函数:函数自己调用自己
注:递归必须要有结束
常用事件
- 获取元素节点
document.getElementById('id名')
- 获取元素属性
元素节点.属性名
- 设置元素属性
元素节点.属性名=属性值
- 绑定事件
元素节点.on事件类型=function (){要执行代码}
常见事件类型
事件 | 含义 |
---|---|
onclick | 点击 |
onlode | 页面加载完成 |
onmouseover | 鼠标悬停 |
onmouseout | 鼠标移出 |