js中的函数应用
js中的函数应用
什么是函数,函数的概念
- 函数就像一个黑匣子,里面的东西你都不知道,但是你提供一些材料放进去,他可以制造出你需要的东西;
- 可以让多个一样的功能封装组合起来,然后想执行几次就执行几次
-
函数就是另外一种形式的变量
函数的创建和执行
- 定义函数的方式
-
函数声明
“`js
function test(){}
“` -
函数表达式
“`js
//命名函数表达式
var test = function abc(){}
//匿名函数表达式
var test = function(){}
“` -
函数的组成形式
function 变量名(形参){}
变量名(实参);函数的参数
-
- 函数的写法
js //形式参数 -- 形参 function sum(a,b){ //里面写逻辑 var c = a + b; document.write(c); } //实际参数 -- 实参 sum(1,2);
- 形参多实参少的情况
- 实参就是undifined;
- 实参多形参少的情况
- 实参的内容会存入arguments中
- 形参判断个数和形参判断个数
- 形参可以通过函数名.length来判断个数
- 实参可以通过arguments.length来判断个数
-
实参和arguments是映射关系,但是如果形参比实参多,多的一部分不映射
函数的返回值
- 返回值的关键字 return
- 终止函数
function sum (a,b){
console.log('a');
//如果写了return,那么后面的东西不执行,return会执行并且把里面的东西返回出去
return;
console.log('b');
}
- 返回值
function sum(){
return 123;
}
var res = sum();
-
可以将这个行数返回出来并接收到res变量之中
预解析(预编译)
函数声明整体提升
变量 声明提升 - 语义分析
- 浏览器会通篇扫描一遍
函数的作用域
++预编译的现象++
- 暗示全局变量(伪全局变量):即任何变量,如果变量未经声明就赋值,此变量就为全局所有
- e.g: a = 123;
- e.g: var a = b = 123;
- 一切声明的全局变量,全是window的属性。
- e.g: var a =123; ===> window.a=123;
- window 就是全局的域 (Global Object)
- 里面的函数的变量可以访问外面的变量
- 外面的函数变量不能访问里面的变量