`
soeight
  • 浏览: 8395 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

JavaScript匿名函数

 
阅读更多
函数是将唯一的输出值赋予给每一输入的“法则”。
数学上的定义。但是,在计算机编程语言中,函数的定义也八九不离十。因为,我们都知道,计算机中的函数,也类似数学定义中的描述,它是将输入的若干数据,经过代码设定的逻辑操作处理后,返回唯一的输出的一组代码组合块。——当然,特例是,输入的数据为空或输出的数据为空,或者两者都为空。

一个匿名函数就是一个没有名字的函数。
可以认为他们是一次性函数。当你只需要用一次某个函数式,他们就特别有用。通过使用匿名函数,没有必要把函数一直放在内存中,所以使用匿名函数更加有效率。

先初步了解一下和匿名函数相关的概念。
函数声明(function 语句)
  要使用一个函数,我们就得首先声明它的存在。而我们最常用的方式就是使用function语句来定义一个函数,如:

function abc(){ 
// code to process 
}
function abc(){ // code to process }
  当然,你的函数也可以是带参数的,甚至是带返回值的。

function abc(x,y){ 
return x+y; 
}
function abc(x,y){ return x+y; }
  但是,无论你怎么去定义你的函数,JS解释器都会把它翻译成一个Function对象。例如,你在定义上面的其中一个例子的函数号,再输入如下代码:
alert(typeof abc);// "function"
  你的浏览器就会弹出提示框,提示你abc是一个Function对象。那么Function对象究竟是什么呢?
Function 对象
  Function对象是JavaScript里面的固有对象,所有的函数实际上都是一个Function对象。关于这个方面的讨论,我们留到下一个专题节。我们先看看,Function对象能不能直接运用构造函数创建一个新的函数呢?答案是肯定的。例如:
var abc = new Function("x","y","return x*y;"); 
alert(abc(2,3)); // "6"
var abc = new Function("x","y","return x*y;"); alert(abc(2,3)); // "6"
  相信大家现在对如何声明一个函数应该是有所了解了。那么什么才是匿名函数呢?
声明匿名函数
  顾名思义,匿名函数就是没有实际名字的函数。例如,我们把上面的例子中,函数的名字去掉,再判断一下他是不是一个函数:
alert(typeof function(){});// "function" 
alert(typeof function(x,y){return x+y;});// "function" 
alert(typeof new Function("x","y","return x*y;"))// "function"
alert(typeof function(){});// "function" alert(typeof function(x,y){return x+y;});// "function" alert(typeof new Function("x","y","return x*y;"))// "function"
  我们可以很容易地看到,它们全都是Function对象,换言之,他们都是函数,但是他们都有一个特点——没有名字。所以我们把他们称作“匿名函数”。然而,正因为他们没有“名字”,我们也没有办法找到他们。这就引申了如何去调用一个匿名函数的问题了。
匿名函数的调用
  要调用一个函数,我们必须要有方法定位它,引用它。所以,我们会需要帮它找一个名字。例如:
var abc=function(x,y){ 
return x+y; 

alert(abc(2,3)); // "5"
var abc=function(x,y){ return x+y; } alert(abc(2,3)); // "5"
  上面的操作其实就等于换个方式去定义函数,这种用法是我们比较频繁遇到的。例如我们在设定一个DOM元素事件处理函数的时候,我们通常都不会为他们定名字,而是赋予它的对应事件引用一个匿名函数。
  对匿名函数的调用其实还有一种做法,也就是我们看到的jQuery片段——使用()将匿名函数括起来,然后后面再加一对小括号(包含参数列表)。我们再看一下以下例子:
alert((function(x,y){return x+y;})(2,3));// "5" 
alert((new Function("x","y","return x*y;"))(2,3));// "6"
alert((function(x,y){return x+y;})(2,3));// "5" alert((new Function("x","y","return x*y;"))(2,3));// "6"
  很多人或许会奇怪,为什么这种方法能成功调用呢?觉得这个应用奇怪的人就看一下我以下这段解释吧。
  大家知道小括号的作用吗?小括号能把我们的表达式组合分块,并且每一块,也就是每一对小括号,都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。所以,当我们用一对小括号把匿名函数括起来的时候,实际上小括号对返回的,就是一个匿名函数的Function对象。因此,小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用位置了。所以如果在这个引用变量后面再加上参数列表,就会实现普通函数的调用形式。
  不知道以上的文字表述大家能不能看明白,如果还是理解不了的话,再看一下以下的代码试试吧。
var abc=function(x,y){return x+y;};// 把匿名函数对象赋给abc 
// abc的constructor就和匿名函数的constructor一样了。也就是说,两个函数的实现是一样的。 
alert((abc).constructor==(function(x,y){return x+y;}).constructor);
var abc=function(x,y){return x+y;};// 把匿名函数对象赋给abc // abc的constructor就和匿名函数的constructor一样了。也就是说,两个函数的实现是一样的。 alert((abc).constructor==(function(x,y){return x+y;}).constructor);
  PS:constructor是指创建对象的函数。也就是函数对象所代表的函数体。
  总之,将其(被小括号包含的匿名函数)理解为括号表达式返回的函数对象,然后就可以对这个函数对象作正常的参数列表调用了。

附:两种方式调用函数
在JavaScript中,有两种调用函数的方式。一般的方式是把参数放在括号中,如alert(42)。另一种方式是同时把函数和参数都放在括号中,如(alert)(42)。
例:
alert(42);

(alert) (42);
(function(x) { alert(x-13); }) (55);
为什么函数两边的括号很重要:如果你写了括号,那么在括号中的代码就会被先计算。在计算之后,括号所在的地方就会有一个值。这个值可能是一个字符串、一个数字或一个函数
分享到:
评论

相关推荐

    JavaScript 匿名函数和闭包介绍

    在讨论JavaScript编程语言时,匿名函数和闭包是两个重要的概念,它们在函数式编程和模块化代码设计中扮演着核心角色。匿名函数是没有具体名称的函数,它们可以是独立的,也可以是表达式的一部分,通常用于定义临时...

    javascript匿名函数应用示例介绍

    javascript匿名函数,就是说个函数没有名字,下面先列出测试代码 代码如下: /* * 一般常见函数是这样 */ function debug(data) { console.log(data); } 但有的函数,它却偏偏写成了这样 代码如下: (function(x, y) {...

    匿名函数的一点知识

    ### 知识点:匿名函数在JavaScript中的应用与特性 #### 标题解析:“匿名函数的一点知识” 标题“匿名函数的一点知识”简洁明了地指出本文将围绕JavaScript中的匿名函数进行讲解,旨在帮助读者深入理解匿名函数的...

    javascript匿名函数实例分析

    以上就是JavaScript匿名函数实例分析的知识点。通过实例的讲解,我们了解了匿名函数的定义、用法及注意事项。掌握这些概念对编写高质量的JavaScript代码非常重要。对于希望深入学习JavaScript的开发者来说,理解和...

    Javascript的匿名函数

    ### JavaScript中的匿名函数 在JavaScript编程语言中,**匿名函数**是一种非常实用且常见的特性,它们没有具体的名称,通常作为参数传递给其他函数或者在需要函数作为值的地方使用。这种类型的函数可以增加代码的...

    学习并汇集javascript匿名函数

    我们来逐步学习并汇总JavaScript匿名函数的相关知识点。 首先,定义一个函数在JavaScript中主要有三种方式。第一种是使用函数声明关键字function,第二种是使用函数字面量(var name = function),第三种是利用...

    JavaScript匿名函数用法分析

    JavaScript匿名函数是编程中一种非常重要的技术,尤其在JavaScript中,由于其特有的作用域规则,匿名函数被广泛应用。本文将深入解析JavaScript匿名函数的定义、用法及其在实际开发中的应用。 首先,让我们理解...

    Javascript的匿名函数讲解

    匿名函数是JavaScript语言中的一个强大特性,它允许我们不给函数命名,直接声明并执行。在本文中,我们将深入了解匿名函数的定义、特点、代码模式以及应用。 首先,需要明白什么是匿名函数。在JavaScript中,定义...

    JavaScript匿名函数与委托使用示例

    ### JavaScript匿名函数与委托使用示例知识点 #### 匿名函数的概念 匿名函数是未具名的函数,它们没有具体的函数名。在JavaScript中,匿名函数的典型用途是用作回调函数、事件处理器等。由于其不需要单独声明一个...

    浅析Javascript匿名函数与自执行函数

    ### 浅析Javascript匿名函数与自执行函数 #### 一、引言 在现代Web开发中,JavaScript作为一种广泛使用的编程语言,其灵活性和强大的功能深受开发者喜爱。其中,匿名函数和自执行函数是两个非常重要的概念,对于...

    Javascript匿名函数的一种应用 代码封装

    JavaScript匿名函数的应用主要体现在代码封装和模块化上,这在许多JS库中广泛采用,比如jQuery。这种写法看似复杂,但对于保持代码的组织性和防止全局变量污染具有重要作用。下面我们将详细探讨JavaScript匿名函数...

    javascript匿名函数中的'return function()'作用

    总的来说,`return function()`在JavaScript匿名函数中的作用是多样的,它可以用于创建闭包、模块化、延迟执行等。在编写代码时,应确保代码清晰易懂,避免使用可能导致混淆的模式。如果在教学或编写教程时,应注重...

    js匿名函数的调用示例(形式多种多样).docx

    ### JavaScript匿名函数调用示例解析 #### 一、引言 在JavaScript编程语言中,函数是一等公民,这意味着函数可以作为参数传递给其他函数,也可以作为其他函数的返回值。这种灵活性使得JavaScript中的函数非常强大。...

    详谈JavaScript 匿名函数及闭包

    JavaScript中的匿名函数是一种没有函数名的函数,它们可以作为一个表达式的结果或者被赋值给一个变量,也可以在其他函数内部定义并立即执行。这使得它们在处理一次性任务或需要封装私有变量时非常有用。 匿名函数最...

    Javascript的匿名函数小结

    本文将详细阐述JavaScript匿名函数的定义、不同定义方式、与Function构造函数的区别,以及匿名函数的常见使用模式和应用场景。 **一、匿名函数的定义** 在JavaScript中,匿名函数可以通过以下三种方式创建: 1. *...

Global site tag (gtag.js) - Google Analytics