函数的定义以及变量的作用域

一、函数

函数是一种封装，封装的目的是为了复用，封装完毕之后，可以在任意地方，调用任意多次。

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。函数也没有被执行，函数只有被调用的时候才会执行