JavaScript中匿名函数的困惑

函数字面量(function literal):处理事件的无名函数(nameless function)。函数字面量有时也称为匿名函数(anonymous function)。

可以在onload事件完成所有事件的初始化。

函数字面量最好只被调用一次,而且不是被开发者写的程序代码调用。创建一个函数字面量并直接指派给一个元素的事件属性,而不是创建有名称的函数并指派到它的引用。

如果在代码中不需要函数引用时,为了编写程序的效率,同时不想中规中矩为函数命名,函数字面量(匿名函数)才显得有必要。

 

匿名函数调用:

调用一个函数,必须有方法定位它,找到它。

var functionName=function(a,b){

return a+b;

}

alert(functionName(2,8));// "10"

 

用()将匿名函数包括起来,然后在其后面添加一对小括号,当然可以在里面包含参数列表。

(function(a,b){return a+b;})(3,4);// "7"

 

问题:

在script代码中有onload事件函数。

第一种情况:

<script type="text/javascript">

    (function () { alert("anonymousfunction") })();

    window.onload = function () {

            alert("I have been called!");

    }

</script>

代码先后输出“anonymous function”,"I have been called!" 结果正确。

第二种情况:

<script type="text/javascript">

    window.onload = function () {

        alert("I have been called!");

(function () { alert("anonymousfunction") })();

    }

</script>

结果和第一种情况相同。

第三种情况:

<script type="text/javascript">

    window.onload = function () {

        alert("I have been called!");

    }

(function () { alert("anonymousfunction") })();

</script>

结果先alert出“I have been called!”,控制台报出错误:Uncaught TypeError: undefined is not a function.

 

匿名函数的生命周期和window.onload有内在的关系吗?

 

时间: 2024-09-23 20:05:30

JavaScript中匿名函数的困惑的相关文章

JavaScript中匿名函数用法实例

 这篇文章主要介绍了JavaScript中匿名函数用法,实例分析了javascript中匿名函数的功能.定义及具体用法,需要的朋友可以参考下     本文实例讲述了JavaScript中匿名函数用法.分享给大家供大家参考.具体分析如下: JS中可以不用给函数名称,而是在使用时直接通过function把函数体赋值给相关的事件或者变量. 下面的JS代码给按钮设定了一个onclick事件,使用了匿名函数 ? 1 2 3 4 5 6 7 8 9 <form action="#">

Javascript中匿名函数的调用与写法实例详解(多种)_javascript技巧

Javascript中定义函数的方式有多种,函数直接量就是其中一种.如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数.好,看看匿名函数的如何被调用. 方式1,调用函数,得到返回值.强制运算符使函数调用执行 (function(x,y){ alert(x+y); return x+y; }(3,4)); 方式2,调用函数,得到返回值.强制函数直接量执行再返回一个引用,引用再去调用执行 (function(x,y){ alert(x+y);

Javascript中匿名函数的多种调用方式总结_javascript技巧

Javascript中定义函数的方式有多种,函数直接量就是其中一种.如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数.好,看看匿名函数的如何被调用. 方式1,调用函数,得到返回值.强制运算符使函数调用执行 复制代码 代码如下: (function(x,y){     alert(x+y);     return x+y; }(3,4)); 方式2,调用函数,得到返回值.强制函数直接量执行再返回一个引用,引用再去调用执行 复制代码 代码如

(转载)JavaScript中匿名函数,函数直接量和闭包_javascript技巧

原文出处: http://www.dnew.cn/post/196.htm 先看下下面几种写法 1.function f(x){return x*x;};f(x); 2.(function(x){return x*x;})(x); 3.(function(x){return x*x;}(x)); 第一种我们应该都很熟悉了,这是我们经常使用的写法.第二第三种都是匿名函数的写法. ------------------------------------------------------------

JavaScript中匿名函数的用法及优缺点详解_基础知识

匿名函数可以有效的保证在页面上写入Javascript,而不会造成全局变量的污染. 这在给一个不是很熟悉的页面增加Javascript时非常有效,也很优美. 一.什么是匿名函数? 在Javascript定义一个函数一般有如下三种方式: 函数关键字(function)语句: function fnMethodName(x){alert(x);} 函数字面量(Function Literals): var fnMethodName = function(x){alert(x);} Function(

Javascript中匿名函数用法详解

一.什么是匿名函数? 在Javascript定义一个函数一般有如下三种方式:  代码如下 复制代码 1.函数关键字(function)语句: function fnMethodName(x){alert(x);} 2.函数字面量(Function Literals): var fnMethodName = function(x){alert(x);} 3.Function()构造函数: var fnMethodName = new Function('x','alert(x);') 上面三种方法

javascript中匿名函数分析详解

在Javascript定义一个函数一般有如下三种方式: 函数关键字(function)语句:    代码如下 复制代码 function fnMethodName(x){alert(x);} 函数字面量(Function Literals):  代码如下 复制代码 var fnMethodName = function(x){alert(x);} Function()构造函数:  代码如下 复制代码 var fnMethodName = new Function('x','alert(x);')

Javascript的匿名函数小结_javascript技巧

一.什么是匿名函数? 在Javascript定义一个函数一般有如下三种方式: 函数关键字(function)语句: function fnMethodName(x){alert(x);} 函数字面量(Function Literals): var fnMethodName = function(x){alert(x);} Function()构造函数: var fnMethodName = new Function('x','alert(x);') 上面三种方法定义了同一个方法函数fnMetho

AJAX入门之深入理解JavaScript中的函数

ajax|javascript|函数 概述 函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解.JavaScript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的.通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递.在继续讲述之前,先看一下函数的使用语法: function func1(-){-}var func2=function(-){-};var func3=function func4(-){-};var f