javascript笔记4-函数表达式

  1. 一般形式的创建函数,在执行代码之前会先读取函数声明,所以可以把函数声明写在函数调用的下面:

     sayHi();
     function sayHi(){
             alert("Hi!");
    }
  2. 使用函数表达式创建函数,调用前必须先赋值:

     sayHi();  //错误!!函数不存在
     var sayHi=function(){
             alert("Hi!");
    }
  3. 递归。
    • 一般递归

      function factorial(num){
                      if (num <= 1){
                          return 1;
                      } else {
                          return num * factorial(num-1);
                      }
                  }

    • arguments.callee指向正在执行的函数的指针,可以用它来实现递归:

      function factorial(num){
                      if (num <= 1){
                          return 1;
                      } else {
                          return num * arguments.callee(num-1);
                      }
                  }

  4. 闭包(闭包指一个函数,这个函数可以访问另一个作用域里的变量)。
    • 创建闭包的常见方式:在一个函数内部创建另一个函数。当函数执行时,会创建一个执行环境和相应的作用域链。闭包只能取得包含函数中任何变量的最后一个值:

      function createFunctions(){
                      var result = new Array();
      
                      for (var i=0; i < 10; i++){
                          result[i] = function(){
                              return i;
                          };
                      }
      
                      return result;
                  }
      
                  var funcs = createFunctions();
      
                  //every function outputs 10
                  for (var i=0; i < funcs.length; i++){
                      document.write(funcs[i]() + "<br />");
                  }

      上面代码输出的全部是10。这是因为:每个funcs函数都保存着createFunctions()这个活动对象(这是一个函数,也是一个对象,也是一个引用类型Function类型),而createFunctions()这个活动对象有一个变量i,所以,每个funcs都将拥有这个变量i,而createFunctions()这个函数在返回结果时,i已经变成10了。所以funcs数组的每个值都是10.

    • 可以像下面这样改造:

      function createFunctions(){
                      var result = new Array();
      
                      for (var i=0; i < 10; i++){
                          result[i] = function(num){
                              return function(){
                                  return num;
                              };
                          }(i);
                      }
      
                      return result;
                  }

      在调用每个匿名函数时,将i的当前值给了num,而在匿名函数内部,创建并返回num的闭包。这样,返回数组的每个函数都有自己num变量的一个副本。(这段没有说清,读者自己再揣摩,如果有更好的描述方法,请评论在文章下面,谢谢)

  5. this对象
    • 全局函数中,this就相当于window。
    • 函数被作为某个方法调用时,this相当于那个对象。
    • 每个函数在被调用时,这个函数都会自动获取两个特殊变量:this、arguments。内部函数在搜索这两个变量时,只搜索到活动对象为止。
  6. 模仿块级作用域(私有作用域)
    • 如下:

      function outputNumbers(count){
                      for (var i=0; i < count; i++){
                          alert(i);
                      }
      
                      alert(i);   //count
                  }
      
                  outputNumbers(5);

      在Java等语言中,for里面的变量i用完就销毁了。而在javascript中,outputNumbers调用时生成活动对象,而这个i是属于这个活动对象的,因此从它被定义开始,就可以在函数内部随处访问它,它在该活动对象内部是共有的。

    • 匿名函数的语法(创建私有作用域):

      (function(){
        //这里是块级作用域
      })();

      函数声明放在圆括号中,表示它是一个表达式,而后面再加个括号就可以立即调用它。

    • 如果临时需要一些变量,那么就可以使用私有作用域:

      function outputNumbers(count){
      
                      (function () {
                          for (var i=0; i < count; i++){
                              alert(i);
                          }
                      })();
      
                      alert(i);   //causes an error
                  }

      上面代码中,i就被私有了,在匿名函数(私有域)外部访问i时就会报错,尽管alert依然在活动对象内。

  7. 私有变量
    • 函数的参数、局部变量以及函数内部定义的其他函数都属于该函数的私有变量。比如:

      function add(num1,num2){
          var sum = num1 + num2;
          return sum;
      }

      有3个私有变量:num1,num2,sum。函数内部可以访问它们,外部就不行了。

    • 特权方法可以访问私有变量:简单说,使用表达式方式给它一个闭包,在闭包内部访问其他函数:

       function Person(name){
      
                     var a=0;
      
                      this.getName = function(){
                          return name + a;
                      };
      
                      this.setName = function (value) {
                          name = value;
                      };
                  }

      this.getName、this.setName就是表达式方式,在创建Person实例后,只能通过getName或者setName来访问name、a属性。
时间: 2024-10-07 19:43:35

javascript笔记4-函数表达式的相关文章

JavaScript中的函数表达式

在JavaScript中,函数是个非常重要的对象,函数通常有三种表现形式:函数声明,函数表达式和函数构造器创建的函数. 本文中主要看看函数表达式及其相关的知识点. 函数表达式 首先,看看函数表达式的表现形式,函数表达式(Function Expression, FE)有下面四个特点: 在代码中须出现在表达式的位置 有可选的函数名称 不会影响变量对象(VO) 在代码执行阶段创建 下面就通过一些例子来看看函数表达式的这四个特点. FE特点分析 例子一:在下面代码中,"add"是一个函数对象

深入理解javascript:揭秘命名函数表达式

这是一篇转自汤姆大叔的文章:http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 前言 网上还没用发现有人对命名函数表达式进去重复深入的讨论,正因为如此,网上出现了各种各样的误解,本文将从原理和实践两个方面来探讨JavaScript关于命名函数表达式的优缺点. 简单的说,命名函数表达式只有一个用户,那就是在Debug或者Profiler分析的时候来描述函数的名称,也可以使用函数名实现递归,但很快你 就会发现其实是不切实际的.当然

JavaScript高级程序设计7学习笔记之函数表达式

函数表达式是JavaScript中的一个既强大有容易令人困惑的特性 定义函数的方式有两种,一种是函数声明,另一种就是函数表达式 关于函数声明,它的一个重要特征就是函数声明提升,意思是在执行代码前会读取函数声明,这就意味着可以把函数声明放在调用它的语句后面 sayHi(); function sayHi(){alert("hi");} 第二种创建函数的方式是使用函数表达式,函数表达式有几种不同的语法形式 最常见的一种方式是 var functionName = function(arg0

javascript立即执行函数表达式(IIFE)

常用的两种写法: (function(){ /* code */ }()); (推荐写法) (function(){ /* code */ })(); Q:为什么这样写,函数就嗯那个立即执行? A:因为在javascript里,括号内部不能包含语句,当解析器对代码进行解释的时候,先碰到了(),然后碰到function关键字就会自动将()里面的代码识别为函数表达式而不是函数声明. eg:如下代码就会报错. function(){ /* code */ }(); // SyntaxError: Un

JavaScript中的函数表达式及递归

在JavaScript中,函数是个非常重要的对象,函数通常有三种表现形式:函数声明,函数表达式和函数构造器创建的函数. 本文中主要看看函数表达式及其相关的知识点. 函数表达式 首先,看看函数表达式的表现形式,函数表达式(Function Expression, FE)有下面四个特点: 在代码中须出现在表达式的位置 有可选的函数名称 不会影响变量对象(VO) 在代码执行阶段创建 下面就通过一些例子来看看函数表达式的这四个特点. 特点分析 例子一:在下面代码中,"add"是一个函数对象,&

【JavaScript】之函数表达式

今天主要复习了<JavaScript高级程序>中 函数表达式 这一章,主要是自己对闭包和this的概念还是理不清楚,导致在做小demo的时候这一块完成时懵懂不知的,先做个知识梳理,再继续加强实践吧.. 一.函数表达式的特征 函数声明,在执行代码之前会先读取函数声明(同时意味着可以将函数声明放在调用它的语句的后面) function functionName (arg0,arg1,arg2){ //函数体 } 使用函数表达式定义函数时,无需对函数命名,从而也可以创建匿名函数. 函数表达式的特点:

JS学习笔记3_函数表达式

1.函数表达式与函数声明的区别 函数声明有“提升”(hoisting)的特性,而函数表达式没有.也就是说,函数声明会在加载代码时被预先加载到context中,而函数表达式只有在执行表达式语句时才会被加载 2.闭包 有权访问另一个函数作用域中的变量的函数.闭包可以访问另一个作用域中的变量,因此闭包得到的变量值是最终值,而不是该变量在某一时刻的值,有一个很经典的例子: function createFuns(){ var result = new Array(); for(var i = 0;i <

浅谈javascript立即调用函数表达式

函数声明.函数表达式.匿名函数: 函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式. 匿名函数:function () {}; 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属于函数表达式

一篇文章带你了解JavaScript中的函数表达式,递归,闭包,变量,this对象,模块作用域

作者 | Jeskson 来源 | 达达前端小酒馆 定义函数的方式: 第一种为 函数声明: 第二种为 函数表达式. 语法: function functionName(arg0, arg1, arg2) { // 函数体 } 在Firefox,Safari,Chrome和Opera有效: 就是通过这个属性可以访问到这个函数指定的名字. console.log(functionName.name); // 'functionName' 函数声明: 它的一个重要特点就是:函数声明提升,就是在执行代码