函数

2017-10-25  本文已影响0人  云淡风轻_301b

1.函数的定义
使用function 关键字定义,能够执行某个特殊功能的代码段

  function fn(参数1,参数2,....){
      return  返回值;
  }

return 只能返回一个值,没有返回值,返回undefined;
return 后面的代码不会执行

2.函数的作用域
全局变量:函数外面的变量,可以在任何地方使用
局部变量:函数内部定义的变量,只能在函数内部使用

注意:函数内部不用var 声明的变量,也是全局变量,函数外使用这个变量一定要先执行这个函数(不推荐)
如果全局变量和局部变量有冲突,使用局部变量

3.变量声明提前:

console.log(a); // undefined  a未定义之前返回的就是undefined
var  a = 10;
console.log(a); // 10

4.函数中值拷贝和对象引用
函数传参:
(1)值拷贝

var a = 10;
function test(num){
    num = 20
}
test(a);
console.log(a); // 10

因为num是函数内部的声明的变量,保存的值是20,函数传参时 传了 a,a保存的值是10,在调用的时候又让num= 20,因为是基本数据类型,所以num的变化不会影响a 的值的变化;

(2)对象引用

var a = [1,2,3];
function test (a){
    num[0]=4;
    num[1]=5;
    num[2]=6;  
}
test(a);
console.log(a); // a=[4,5,6]
function test(num){
        num = [4,5,6];
}
test(a);
console.log(a); // a=[1,2,3];

变量 函数名 属性:只是3种不同的叫法,本质上一样,都是存储容器,都是内存里的一块空间
全局变量或者函数都是window对象的属性

  1. 匿名函数
 var a = function (){
    console.log("这是一个匿名函数");
}
  1. 匿名函数自执行

     (function(){
          console.log("自执行")
      })()
    

3.有名函数自执行

(function fn(){
      console.log("有名函数自执行");
  })()

4.命名函数表达式

var c = function fn(){
    console.log("函数c")
}

c();// 函数调用

二、函数回调
1.定义:把一个函数当做参数传入到另一个函数内部调用,就是回调

模拟: 利用函数回调控制请求的异步处理

 function request(fn){
  console.log("开始网络请求");
  setTimeout(function(){
      console.log("得到请求数据")
  },(Math.random()*3+1)*1000) // 随机时间定时器

}

 function show(){
    console.log("把数据在HTML上展示")
 }

 function js(){
    console.log("把js展示在HTML代码上")
 }

request(show)
request(js)

上述代码模拟请求的异步处理,先发送网络请求,在随机毫秒之后执行show和js代码,把函数作为参数传入另一个函数执行,就是函数的回调

三、函数的递归
定义:函数内部调用自身

var i =10;
function test(){
  var a = i--;
  if(i<=0){
    return;
  }
  test();
}
test(); //结果  9 8 7 6 5 4 3 2 1

var i = 3;
function test(){
   var a = i--;  // 32 21 10 0 
   if(i < 0){
         return ;  //undefined
   }
   test();      
   console.log(a);
}
test();//1 2 3
上一篇 下一篇

猜你喜欢

热点阅读