Javascript--函数技巧-CSDN博客

本文链接：https://blog.csdn.net/u013830811/article/details/48767903

最近在看JavaScript，把函数部分总结一下：
函数是一段只被定义一次，但是可能被执行或调用多次的Javascript代码。
函数如果挂载在一个对象上，作为对象的一个属性，就称它为对象的方法。当通过这个对象来调用函数时，该对象就是此次调用的上下文（context）。

使用function关键字：

function a(){
    alert("It is my first try about function in JS");
}

跟JAVA、C等语言不同，JavaScript的函数没有类型名，直接一个关键字function加上函数名就实现了对一个函数的申明。
甚至，并不需要一个函数名：

var a = function(){
alert("我是一个匿名函数");
}

构造器方法

var sum=new Function('a','b','return a+b');

“Javascript中的函数定义并未指定函数形参的类型，函数调用也未对传入的实参值做任何类型检查。实际上，javascript函数调用甚至不检查传入参数的个数。”
每个函数都有一个length属性，长度是接收参数的个数
firebug中调试示例：

>>>function sum(b,c){return b+c;}
>>>sum.length
2

函数的参数存储在它的内建数组arguments中
下面的示例我们将sum函数的参数返回回来：

>>>function sum(a,b){return arguments;}
>>>sum(2,4)
[2,4]

函数调用时，忘了传递相关的参数值，系统会将其设定为undefined

>>>function sum(a,b){return b;};
>>>sum(2)
undefined

利用arguments和length实现一个接收任何个数参数的sum函数

function sum(){
    var result;
    for(var i=0;i<sum.length;i++)
        result +=arguments[i];
    return result;
}

JavaScript有一点让人难以接受的–函数也当成一种数据对待。
所以，下面两种函数定义的方法完全等价：

function f(){return 1;}

var f=function(){return 1;}

函数也是一种数据的做法同时也能在下面体现：
将函数作为函数的返回值：

function a（）{
 return function(){alert("b");}
 }

上面提到函数能返回函数，那么我们让函数重写自己怎么样？

function a(){
//dosomething
    alert("I am used to do A");
    function b(){
    //do something
    alert("I am used to do B");
    }
    a=b;
}

我们多次调用a函数，只有第一次会弹出“I am used to do A”。后面则是”I am used to do B”。
这种重写自己的技巧对于完成一些初始化工作非常有用。换句话说，有些情景只需要初始化一次参数，那么重复调用程序的话，避免一些不必要的操作。

自调函数在定义之后就被执行！
自调函数由一对括号括起来的匿名函数和紧跟其后的一对括号组成：
如下

(function(SomeParameter){

//do something

})(SomeParameter)

第二对括号起到“立即调用”的作用，同时也是向匿名函数传递参数的地方。
下面是一个自调函数的例子：

str="xiaowang"

(function Welcome(name){
    alert("welcome " + name);
})(str)

如果我们将其放在登陆成功后的欢迎页，只需要让str接收用户名就好了，就能完成欢迎提示。
可以看到：自调函数不会产生任何全局变量，同时它的执行也不需要可以去调用。但是，这样的函数是无法重复执行的。

简单的讲，内部函数定义在函数内部：

function a(){
    function b(str){
        alert("Hello world" + str);
    }
    return b("wang");
}

上面的b就是一个内部函数，它在a函数之外是不可见的，所以也叫私有函数。

函数被执行时，所有内部定义的变量的定义会最先执行，这种现象叫做提升（hoisting)。这中函数执行方式带来一些让初学者摸不着头脑的现象：

var a=123;
function test(){
alert(a);
var a = 23;
}
test();

上面一段代码执行后，会弹出undefined,而不是123。因为提升现象，实际函数是这样执行的：

var a = 123;
function test(){
var a;//变量的申明提到函数开头，
alert(a);
a= 123;//赋值操作仍在原来位置
}
test();