JavaScript__函数

摘取：
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions
https://msdn.microsoft.com/zh-cn/library/hh968323.aspx

大概描述
一个函数就是一个可以被外部代码调用（或者函数本身递归调用）的“子程序”
函数可以接受传入参数，也可以返回一个值
Function对象，可以拥有属性和方法，可以被调用
除了使用new关键字调用一个构造函数外，函数必须使用return语句来指定一个所要返回的值，否则默认返回undefined。
调用函数时，传递给函数的值被称为函数的实参（值传递），对应位置的函数参数名叫作形参。
如果实参是一个包含原始值(数字，字符串，布尔值)的变量，则就算函数在内部改变了对应形参的值，返回后，该实参变量的值也不会改变。如果实参是一个对象引用，则对应形参会和该实参指向同一个对象。假如函数在内部改变了对应形参的值，返回后，实参指向的对象的值也会改变：
example_1：

/*定义函数myFunc*/
function myFunc(theObject){
     //实参 mycar 和 形参 theObject 指向同一个对象。
     theObject.brand = "Toyota"
}
/*
     *定义变量 mycar
     *创建并初始化一个对象
     *将对象的引用赋值给变量 mucar
*/
var mycar={
brand:"Honda",
model:"Accord",
year:"1998"
};
/*弹出 'Honda'*/
window.alert(mycar.brand);
/*将对象引用传给函数*/
myFunc(mycar);
/*弹出'Toyota',对象属性已被修改*/
console.log(mycar.brand);

函数定义

function fun1() {
//声明一个函数
}
function() {
//声明一个匿名函数
}
var fun2 = function() {
//声明一个变量指向一个匿名的函数表达式
}
var fun3 = function fun4() {
//声明一个变量指向一个非匿名的函数表达式
}
function fun5() {
return function() {
//返回一个匿名函数
} }

 * 函数声明（函数语句）
```javascript
function name(params){
      statements
}

name:函数名
param:函数参数
statements:组成函数体的声明语句

函数表达式

function [name]([param1[,param2[,...,paramN]]]){
statements
}

name:函数名称，函数表达式和函数声明的主要区别是函数名称可以被忽略，从而创建匿名函数
paramN：被传递给函数的一个参数名称
statements:构成函数体的语句

箭头函数表达式（=>）
箭头函数表达式是ECMAScript 6新定义的，箭头函数总是匿名的，并且它拥有词法作用域的this值

(param1,param2,...,paramN) =>{statement}
(param1,param2,..,paramN) =>{expression}
                  //equivalent to : => {return expression;}

//如果只有一个参数，圆括号是可以选的：
(singleParam) =>{statements}
singleParam => {statements}

//无参数的函数需要使用圆括号：
() =>{statements}

param:参数名称，零参数需要用()表示，只有一个参数时则不需要
statements or expression:多个声明statemens需要用大括号括起来，而单个表达式时则不需要。表达式expression也是该函数的隐式返回值

var a=[
"Hydrogen",
"Helium",
"Lithium",
"Beryllium"
];
var a2=a.map(function(s){return s.length});
//箭头函数
var a3=a.map(s=>s.length);

不绑定 this

不绑定 arguments

像方法一样使用箭头函数

不绑定 this

Function 构造函数
不推荐使用Function构造函数，因为它需要的函数体作为字符串可能会阻止一些js引擎化，也会引起其他问题

摘取:http://mp.weixin.qq.com/s/BN0DJBWxUsOp5dGkP
一、函数
1.函数概念:把一些重复的代码进行封装，在使用的时候直接调用函数只需要定义一次，可以调用多次

2.函数定义与调用
（1）函数定义
function 函数名(){ 函数体; }
函数在定义的时候，函数名后面的小括号中可以直接写变量名（变量名前不用写var），不能直接写值
（2）函数调用
函数名();

3.返回值、形参和实参

function getSumNumber(num1,num2){ 
  var sum=num1+num2;  
  return sum;
  }
var result=getSumNumber(10,20);
console.log(result);```
（1）形参：函数在**定义**的时候，函数名后面的小括号中的变量，叫**形参** 
（2）实参：函数在**调用**的时候，函数名后面的小括号中的**无论是值还是变量**，叫**实参** 
（3）返回值：函数在定义的时候，函数中有 return 值; 叫返回值
（4）如果函数有return，那么该函数就有返回值；但是如果return后面没有任何的内容，该函数可以说没有明   确的返回值；如果函数没有return，那么该函数没有返回值 代码：

        function getSum(num1,num2) {
          var sum=num1+num2;    
          console.log("和为："+sum);  
          } 
        var result=getSum(10,20);//函数没有返回值,用变量来接收了  
        console.log(result);//getSum()没有return，所以result undefined
   控制台结果：
 `和为 30 `
`undefined`
 前者是因为getSum方法中有输出，后者因为没有返回值，所以输出undefined
***
 4.函数4种形式
（1）无参数,无返回值的函数(函数中没有return,括号里没有参数)

function getSum() {
var sum=num1+num2;
console.log(sum);
}

（2）有参数,无返回值的函数(函数中没有return,括号里有参数)

function getSum(num1,num2) {
var sum=num1+num2;
console.log(sum);
}```
（3）无参数,有返回值的函数(函数中有return,括号里没有参数)

function getSum() {       
         var sum=num1+num2;
         console.log(sum); 
         return sum; 
          }

（4）有参数,有返回值的函数(函数中有return,括号里有参数)

function getSum(num1,num2) { 
      var sum=num1+num2;
      console.log(sum);
      return sum; 
       }

5.函数细节及注意——全重点
（1）如果直接输出函数的名字,那么显示的是函数的代码

function aa() {  
         alert("aaa");   
        return function(){
               alert("bbb");
               };}
   alert(aa);

结果为控制台输出：
function aa() { alert(“aaa”); return function(){alert(“bbb”);}; } alert(aa);
（2）在函数调用执行函数中代码的时候,如果遇到了return,那么直接返回,并结束函数的调用，return下面的代码不会执行
（3）当一个变量声明了,没有赋值,该变量的结果是undefined；当一个函数没有明确的返回值（没有return或return后面没有任何内容）,接收后的结果就是undefined.
（4）遇到系统的函数，可以按住ctrl加鼠标左键，可以查看该函数
（5）JavaScript中，实参和形参个数可以不相等，在其它语言中实参个数必须和形参个数一致
（6）

    unction f1(x,y,z) {
            var sum= x+y+z; 
            console.log(sum); 
            }
      f1(10,20);//结果为NaN,因为第3个参数z没有数据类型
      f1(10,20,30);//结果为60  
      f1(10,20,30,40);//结果为60

（6）函数之间可以互相调用

function f1() {     
console.log("哈哈,我又变帅了"); 
}   
function f2() {  
console.log("就是这么纯洁,就是这么勇敢");  
}  
function f3() {   
 f1();  
console.log("小杨");      
f2(); 
} 
f3();//函数调用```
结果： 哈哈,我又变帅了 小杨 就是这么纯洁,就是这么勇敢
（6）js中没有函数重载的概念,函数名一旦重名了,会调用最后一个,前面的函数会被覆盖掉。(尤其不要和系统的函数名重名)
重载:方法的签名相同(函数返回值、函数名称、函数参数)，其它语言(c++、Java、c#)中有方法的重载。
***
二、函数的两种定义方式
1.方式一：函数的声明
```javascript
function showTime() {  
       console.log("今天天气真好,现在是15点"); 
       }```

2.方式二：函数的表达式
```javascript
//函数表达式来定义一个函数 
var sayHi=function () {   
   console.log("你好");  
   };
sayHi();```
3.函数：命名函数和匿名函
（1）定义：
命名函数： 函数有名字
代码

 function showTime() {      
          console.log("今天天气真好,现在是15点"); 
   }
 showTime()
匿名函数：函数没名字
代码:

 var ff=function () {
     console.log("萨瓦迪卡"); 
       };  
 ff();
（2）定义的同时直接调用该函数
```javascript
(
function () {
      console.log("今天吃啥呢?");
       }
)()```
等价于
```javascript
 var ff=function () {   
     console.log("今天吃啥呢?");  
     }; 
 ff();```
结果都是控制台输出:
`今天吃啥呢?`
（3）函数如果是匿名函数，就不会出现重名的问题
***
三、JS中的块级作用域
1.理论
作用域:变量的使用范围
块级作用域:在其它语言中，任何一对**花括号（大括号{}）中**的语句都属于一个块，在这之中定义的所有变量在代码块外都是不可见的
JavaScript中没有块级作用域，即if,while,do-while,for这些大括号中定义的变量外部都可以访问
全局变量:定义在script或者不属于某个函数的变量
全局作用域:全局变量的使用范围
普通的全局变量和隐式全局变量 :
```javascript
var num=10;//普通全局变量
number=100;//隐式全局变量

局部变量:定义在函数内部的变量,函数外部不能访问
局部作用域:局部变量的使用范围
一旦这个函数调用后,执行完毕了,里面的局部变量就会被释放(这块空间中的数据被删除了,空间可以为其他的程序使用)

其它
函数内部可以访问到该函数所属的外部作用域的变量(作用域链)
不使用var声明的变量是全局变量，不推荐使用。
变量退出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁

2.案例
（1）if和while和for循环中定义的变量，外部可以访问(没有块级作用域)

   for(var i=0;i<10;i++){  
       var num=100;
       }  
   console.log(i);//10   
   console.log(num);//100

（2）函数中定义的变量外部不可以访问

  function f1() {   
             var num=10; 
             }
  f1();   
  console.log(num);

控制台输出：报错 Uncaught ReferenceError: num is not defined——num 没有被定义

四、函数案例
1.经典匿名函数面试题——alert(aa);、alert(aa());、alert(aa()());

    function aa(){   
             alert("aaa");  
             return function(){
                    alert("bbb");
                     }; 
                         } 
    alert(aa);   
    alert(aa()); 
    alert(aa()());

（1）alert(aa);的结果为：
页面弹出function aa() { alert(“aaa”); return function(){alert(“bbb”);}; }

（2）alert(aa());的结果为：
先弹出aaa，——执行的是aa（）里的alert(“aaa”);
再弹出function(){alert(“bbb”);}——执行的是alert(aa())，弹出aa（）的返回值

（3）alert(aa()()); 结果为：
先弹出aaa，——执行的是aa（）里的alert(“aaa”);
再弹出bbb, ——执行的是(function(){alert(“bbb”);}) ()，这是定义的同时直接调用该函数
最后弹出undefined——执行的是alert();，因为function(){alert(“bbb”);}没有返回值，所以弹出undefined

2.根据年月日,显示这天是这一年的第几天

//1.判断年份是不是闰年
function isLeapYear(year) {  
         return year%4==0&&year%100!=0||year%400==0;  
           }   

//2.计算天数 
function getDays(year,month,day) {    
//直接定义一个变量用来保存日期   
        var days=day;    
//判断这个月份是不是一月份    
       if(month==1){       
          return days;     
       }    
//计算总的天数--先获取每个月有多少天5月12日  
       var months=[31,28,31,30,31,30,31,31,30,31,30,31];  
       for(var i=0;i<month-1;i++){          
//因为i从0开始，所以后面为month-1，小于是因为3月时已经过去的是2个月，第3个月刚开始    
                   days+=months[i];      
       } 
   //判断月份要大于2月份并且是闰年 
   if(month>2&&isLeapYear(year)){    
    days++;   
   }   
 return days;  
}  
console.log(getDays(2016,2,15));

3.一个函数计算n个数字的和,无论传入多个数字
arguments对象——可以看成是一个数组使用,可以在函数的内部使用,可以在函数中直接通过arguments.length获取该函数在调用的时候传入了几个参数


    function getSum() {    
   //console.log(arguments.length);
   //看看传入几个数字  
     var sum=0; 
     for(var i=0;i<arguments.length;i++){     
          sum+=arguments[i];
      //arguments[i]表示输入的第i+1个数字  
     }
       return sum;  
 } 
  var result= getSum(10,20,30,40);//函数调用
   console.log(result);//100

4.求1-num每个数字的阶乘和


    //求某个数字的阶乘
   function getJieCheng(number) {   
    var ji=1;  
     for(var i=1;i<=number;i++){   
        ji*=i;
       }    
   return ji; 
  }  
 //求1-某个数字的阶乘和--函数做  
 function getSum(num) { 
      var sum=0; 
//先求num之前包括num每个数字的阶乘是多少,然后把这些阶乘相加     
  for(var i=1;i<=num;i++){   
        sum+=getJieCheng(i);//调用求阶乘方法，并求和   
    }   
    return sum;  
 }   //1!+2!+3!+4!+5！=153 
  console.log(getSum(5));//153

5.冒泡排序

    //定义函数
   function mySort(arr) { 
      //控制循环轮数   
    for(var i=0;i<arr.length-1;i++){      
     //控制每轮循环几次       
    for(var j=0;j<arr.length-1-i;j++){      
         if(arr[j]>arr[j+1]){ 
                  //从小到大。如果从大到小，arr[j]<arr[j+1]     
              var temp=arr[j];        
           arr[j]=arr[j+1];  
                 arr[j+1]=temp;     
          } 
          }   
    }   
    return arr;//返回数组   
} 
  //调用函数 
  var newArr=mySort([2,1,4,7,12,32,23]);
   console.log(newArr);

6.反转数组


    function reverseArray(arr) {     
  //反转---该循环的作用是交换的次数   
    for(var i=0;i<arr.length/2;i++){  
        var temp=arr[i];     
      arr[i]=arr[arr.length-1-i];    
       arr[arr.length-1-i]=temp;   
    }       
return arr;
   } 
  var newArr=reverseArray([10,20,30,40,50]);  
 console.log(newArr);

7.斐波那契数列

    function getFib(num) {    
   var sum=0;  
     var num1=1;  
     var num2=1;  
     for(var i=3;i<=num;i++){
           sum=num1+num2;   
        num1=num2;     
      num2=sum;    
   }       
return sum; 
  } 
  console.log(getFib(12));

8.圆的面积—π是已知的

    function getS(r) { 
      return Math.PI*r*r;  
 } 
  console.log(getS(5));```
***

9.判断一个数字是不是质数
```javascript

    function isZhiShu(num) {   
    var flag=true;//假设这个数字num是一个质数    
   //循环  
     for(var i=2;i<num;i++){      
     if(num%i==0){       
        flag=false;//不是质数     
          break;        
   } 
      }     
  return flag;//是质数 
  }  
 var result=isZhiShu(8);  
 if(result){ 
      console.log("是质数");
   }else{ 
      console.log("不是质数");   
}

最后编辑于：2017.12.04 22:16:03

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 162,710评论 4赞 376
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 68,839评论 2赞 308
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 112,295评论 0赞 255
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 44,776评论 0赞 223
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 53,198评论 3赞 297
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 41,074评论 1赞 226
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 32,200评论 2赞 322
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 30,986评论 0赞 214
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 34,733评论 1赞 250
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 30,877评论 2赞 254
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 32,348评论 1赞 265
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 28,675评论 3赞 265
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 33,393评论 3赞 246
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 26,209评论 0赞 9
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 26,996评论 0赞 201
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 36,212评论 2赞 287
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 36,003评论 2赞 280

JavaScript__函数

大概描述

函数定义

不绑定 this

不绑定 arguments

像方法一样使用箭头函数

不绑定 this

推荐阅读更多精彩内容