JavaScript函数基础详解

JavaScript函数基础详解

将代码变成语句块的形式，通过调用函数名，可以完成该语句块所有语句

函数名 命名规则和变量命名规则一样，都是驼峰式命名，见名思意，函数名表达函数执行的作用
当执行到当前script标签时，预先将当前script标签中所有的命名函数先存储在堆中，并且在栈中给他定义函数名引用该函数地址
script标签中的函数一旦创建成功，后面的所有script标签中都可以使用该函数，但是再当前script标签前的script标签不能使用，所以最好把装有函数的script写在最前面

三种函数的定义
1、 命名函数定义
命名函数，函数本身是一个对象，在当前代码开始的时候就会被存储在堆中，并且生产一个以函数名命名的全局变量执行这个堆中引用函数地址，不需要考虑函数声明的位置

     function abc(){
        console.log("a");
    }
    var fn=abc;  //把函数abc地址赋值传给fn
    fn();  // 或者  abc();      =>  执行函数
    // abc是函数名

2、匿名函数定义
匿名函数没有名字
可以设置给一个变量，或者设置给一个对象的属性
命名函数可以在函数定义之前（同一个script内）和之后（script标签可以相同，可以不同）执行，只有在当前代码执行到赋值给匿名函数变量时，才拥有了该函数，才可以在后面调用

变量匿名函数

    var fn=function(){

    }

对象方法定义

    var obj={
        fn:function(){

        }
    }

自执行函数 // 缺点:只能执行一次，无法再次调用，会造成内存泄漏

    (function(){

    })();

下面这个也是自执行函数

~function(){
    console.log("bbb");
}();

3、构造函数定义
var fn=new Function(“参数1”,“参数2”,…“函数内容”)
构造函数中，前面的内容就是这个创建函数的所有参数，最后一个内容就是这个函数执行语句块
要求所有内容都必须是字符串
缺点：构造函数创建函数缺点是运行速度慢，效率低，因为需要将所有的字符串转换为代码

函数参数
形参 写再函数声明的括号内
实参 写在调用函数的括号内

function abc(n,m){
 console.log(n,m); 
 } 
abc(5,6);

函数名后面的括号中的内容是一种变量，这个变量叫做参数
参数名起名规则和变量名类似，但是有时候可以使用下划线来起头（临时变量）
如果有多个参数时，就需要使用逗号分隔
n，m这个形参这个变量的范围是仅在当前函数语句块中
在该函数外不要调用该函数的参数
指定参数的值叫做实参（实际的参数内容）

abc(); //不填入参数也可以执行，但是这种方式就相当于给形参定义值为undefined
abc(10); //如果只填入一个值，就表示第一个赋值10，第二个仍然赋值undefined
abc(5,6); //参数传值是按照顺序赋值的
执行函数时，需要带入指定参数的值
形参有几个，执行函数时实参就需要填几个
abc(5,6,7); //多传入的7没有参数接收，所以不能被调用
abc(undefined,10);//不想给n传，只想给m传

如果出现参数的个数不确定 我们可以不定义参数

传参时传入栈中的数据

   function fn1(n){
        n++;
    }
    var s=1;
    fn1(s);   //执行fn时，将s变量的值传入到函数fn1中，赋值给n
    console.log(s);   // s结果为1

传参时传入对象

    var obj={a:1};
    function fn2(o){
        o.a++;
    }
    fn2(obj);
    console.log(obj); // a:2

传参传入的是对象，变量是对象，变量的值就是这个对象的引用地址
当传参时将引用地址赋值给o,因此,o和obj的引用地址相同,是同一个对象,
所以修改了o.a值，obj.a也被修改了
栈中的数据，赋值时是一个数值、字符、布尔，改变时不会引起引用改变