浅析javascript函数表达式

2024-10-01 16:08:26

开始学习javascript函数表达式，仔细阅读下文。

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属性。

以上就是本文的全部内容，希望对大家学习的学习有所帮助。

JavaScript中函数声明与函数表达式的区别详解

前言在ECMAScript中,有两个最常用的创建函数对象的方法,即使用函数表达式或者使用函数声明.对此,ECMAScript规范明确了一点,即是,即函数声明必须始终带有一个标识符(Identifier),也就是我们所说的函数名,而函数表达式则可以省略.下面看看这两者的详细区别介绍. 什么是 Function Declaration(函数声明)? Function Declaration 可以定义命名的函数变量,而无需给变量赋值.Function Declaration 是一种独立的结构,不能
javascript高级编程之函数表达式递归和闭包函数

定义函数表达式有两种方式:函数声明和函数表达式. 函数声明如下: function functionName(arg0,arg1,arg2){ //函数体 } 首先是function关键字,然后是函数的名字. FF,Safrai,Chrome和Opera都给函数定义了一个非标准的name属性,通过这个属性可以访问到函数指定的名字.这个函数的值永远等于跟在function关键字后面的标识符. //只在FF,Safari,Chrome和Opera有效 alert(functionName.name)
浅谈javascript 函数表达式和函数声明的区别

javascript中声明函数的方法有两种:函数声明式和函数表达式. 区别如下: 1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的. 2).以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用. 3).以函数声明的方法定义的函数并不是真正的声明,它们仅仅可以出现在全局中,或者嵌套在其他的函数中,但是它们不能出现在循环,条件或者try/catch/finally中,而函数表达式可以在任何地方声明. 下面分别用两种方法定
全面解析JS字符串和正则表达式中的match、replace、exec等函数

正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串.将匹配的子串做替换或者从某个串中取出符合某个条件的子串等. 正则表达式由于不经常使用,所以容易经常忘记,下面小编把常用的函数和功能,简明扼要的罗列在此,以备日后查看: RegExp对象的函数常用的有2个 1.test函数用法:RegExpObject.test(string) 返回:如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回
老生常谈JavaScript 函数表达式

JavaScript中创建函数主要有两种方法:函数声明和函数表达式.这两种方式都有不同的适用场景.这篇笔记主要关注的是函数表达式的几大特点以及它的使用场景,下面一一描述. 主要特点 •可选的函数名称函数名称是函数声明的必需组成部分,这个函数名称相当于一个变量,新定义的函数会复制给这个变量,以后函数的调用都需要通过这个变量进行.而对于函数表达式来说,函数的名称是可选的,例如下面的例子: var sub = function(a1,a2){ return a1-a2; } 这个例子中函数表达式没有
JavaScript基础篇（6）之函数表达式闭包

其实js支持函数闭包的主要原因是因为js需要函数能够保存数据.这里的保存数据是只函数在运行结束以后函数内变量的值也会进行保存.至于为什么js需要在函数内可以保存数据,那就是js是一种函数式语言.在函数内保存数据是函数式语言的一大特征. 回顾前面介绍过的三种定义函数方式 functiosu(numnumreturnunum//函数声明语法定义 vasufunction(numnum)returnunum}//函数表达式定义 vasuneFunction("num""num&qu
跟我学习javascript的函数和函数表达式

1.函数声明与函数表达式在ECMAScript中,创建函数的最常用的两个方法是函数表达式和函数声明,两者期间的区别是有点晕,因为ECMA规范只明确了一点:函数声明必须带有标示符(Identifier)(就是大家常说的函数名称),而函数表达式则可以省略这个标示符: 函数声明:function 函数名称 (参数:可选){ 函数体 } 函数表达式:function 函数名称(可选)(参数:可选){ 函数体 } 所以,可以看出,如果不声明函数名称,它肯定是表达式,可如果声明了函数名称的话,如何判断是函
浅析javascript函数表达式

开始学习javascript函数表达式,仔细阅读下文. 1.一般形式的创建函数,在执行代码之前会先读取函数声明,所以可以把函数声明写在函数调用的下面: sayHi(); function sayHi(){ alert("Hi!"); } 2.使用函数表达式创建函数,调用前必须先赋值: sayHi(); //错误!!函数不存在 var sayHi=function(){ alert("Hi!"); } 3.递归一般递归 function factorial(num)
JavaScript函数表达式详解及实例

JavaScript函数表达式一.序定义函数的方式有两种:一种是函数声明,另一种就是函数表达式: 1.1 函数声明 function functionName(arg){ //函数体 } 关于函数声明,它有一个重要特征就是函数声明提升,意思就是在执行代码之前会先读取函数声明.这就意味着可以把函数放在调用它的语句后面.如下所示: helloworld(); //在代码执行之前会先读取函数声明 function helloworld(){ console.log("hello world&quo
浅析JavaScript 函数防抖和节流

函数防抖和节流都是对高频动作触发回调函数的一个优化,实现方式上有类似之处.先从使用场景做个区分. 防抖使用场景: 表单输入框校验提交按钮避免重复提交节流使用场景: scroll,mousemove,resize等函数防抖(debounce) 表单输入框校验在用户不停的打字输入时并不需要向后台校验文本,只有当用户停下来一定时间后,这时候默认用户已经输入完毕了可以开始向后台提交文本了. 表单的提交按钮被用户多次连续点击时,显然并不需要每次点击都提交表单.仅在用户不点击之后,把最后一次的点击操作
浅析JavaScript 函数柯里化

柯里化 (Currying)是把接收多个参数的原函数变换成接受一个单一参数(原来函数的第一个参数的函数)并返回一个新的函数,新的函数能够接受余下的参数,并返回和原函数相同的结果. ES6的方式实现柯里化的通用 function currying(fn,...rest1){ return function(...rest2){ //这里用apply 是为把数组形式的参数直接传入原函数 null是因为不需要改变this return fn.apply(null,rest1.concat(rest2)
JavaScript 函数表达式与函数声明的用法及区别

目录前言什么是函数声明? 函数声明的好处什么是函数表达式? 函数表达式的好处函数表达式和函数声明之间的区别函数表达式中的作用域如何在表达式和声明之间进行选择何时选择函数声明与函数表达式在以下情况下使用函数声明在以下情况下使用函数表达式前言在 JavaScript 中创建函数有两种方法:函数表达式和函数声明.在本文中,将讨论何时使用函数表达式与函数声明,并解释它们之间的区别. 函数声明已经使用了很长时间,但函数表达式已经逐渐占据主导地位.函数表达式和函数声明之间有一些关键区别
深入浅析JavaScript函数前面的加号和叹号

+function(){}(); 这里的加号,也可以替换成!,~等其他一元操作符,其效果相当于: (function() { console.log("Foo!"); })(); // or (function() { console.log("Foo!"); }()); 如果没有这个加号的话,解析器会认为function是一个函数声明的开始,而后面()将会导致语法错误.在function前面加上+号时,就变成了一个函数表达式,而函数表达式后面又添加了一个()就变成
深入浅析javascript函数中with

/*js函数中with函数的用法分析定义方便用来引用某个对象中已有的属性但是不能用来给对象添加属性要给对象创建新的属性必须明确的引用该对象*/ 代码格式 with(object) statements object:新的默认对象 statements:一个或多个语句 oject是该语句的默认对象 with 语句通常用来缩短特定情形下必须写的代码量. x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10) y = Math.tan(14 * Ma
浅析JavaScript函数的调用模式

我们说一个函数的调用模式是作为一个函数来调用,是要与其它三种调用模式做区分函数其他的三种调用: 方法调用模式,构造器调用模式,apply/call调用模式. 方法的调用模式: var obj={ fun1: function(){ //方法内容 this; //指的是window } } obj.fun1() //方法的调用构造器的调用: function Person(name, age, job){ this.name = name; this.age = age; this.job

浅析javascript函数表达式

相关推荐

随机推荐