一、函数
函数是一种封装,封装的目的是为了复用,封装完毕之后,可以在任意地方,调用任意多次。
function 函数名(){
函数体;
}
函数不会自动执行,需要调用才可以执行(函数的定义顺序与调用顺序无关
函数名();
1.函数的常见用途:
- 封装
- 事件函数
- 对象的方法
2.函数的参数
形参:函数定义时的参数
实参:函数调用时的参数
理论上函数可以有无限多个参数,多个参数之间使用逗号分隔。
函数的参数是按照顺序传递的
3.arguments
每一个函数都有arguments属性
arguments是一个集合
arguments中存储的是接收的参数(实参)
//用函数实现求数字多和
function getSum(){
// console.log(arguments);
var sum=0;
for(var i=0;i<arguments.length;i++){
sum+=arguments[i];
}
console.log(sum);
}
getSum(10,20,30,40);
getSum(10,20);
getSum(10,20,100);
4.函数的定义方式:
1)function关键字 声明
function 函数名(){}
2)通过变量定义
var fn=function(){};
两种函数的定义方区别:
通过function来定义的函数,可以在任意位置调用
通过变量定义的函数,只能在定义之后使用,不能再定义之前调用函数(代码顺序问题)
注意:若函数出现了重名情况(既是参数个数不一致),则会出现覆盖现象(后定义的覆盖先定义的)
function fn(){
console.log('hello');
}
function fn(a){
console.log(a);
}
fn();//undefined
fn('哈哈哈');//哈哈哈
二、变量的作用域
变量的作用域,指变量生效的范围
根据变量的作用域不同,可以将变量分为两种:
1.全局变量
全局变量在整个文档中都有效(都可以被访问到)
声明再函数外的变量都是全局变量
2.局部变量
声明再函数内的变量(包含形参位置),是局部变量
注意:
var a = 10;//全局变量
function show() {
var a = 20;//就近原则
console.log(a);
}
show();
作用域链:
一般情况下,变量取值到 创建 这个变量 的函数的作用域中取值。但是如果在当前作用域中没有查到值,就会向上级作用域去查,直到查到全局作用域,这么一个查找过程形成的链条就叫做作用域链
推荐多使用局部变量
全局变量的生命周期较长,不利于快速释放内存
3.预解析(变量提升)
浏览器在执行js代码的时候,有一个预解析的动作。js的执行可以分为两步:
- 找一些东西(var,function定义的内容)
- 逐行执行代码
在预解析的过程中,变量没有被赋值,这个时候,变量的值为undefined。函数也没有被执行,函数只有被调用的时候才会执行