javascript匿名函数应用示例介绍

 匿名函数,顾名思义就是没有名字,下面有个不错的示例,大家可以学习下

javascript匿名函数,就是说个函数没有名字,下面先列出测试代码 
 代码如下:
/* 
* 一般常见函数是这样 
*/ 
function debug(data) { 
console.log(data); 

 
但有的函数,它却偏偏写成了这样 
 代码如下:
(function(x, y) { 
debug(x + y); 
}) 
 
上面就是所说的匿名函数了 
 代码如下:
var fun = null; 
(function() { 
var test = function(x ,y ) { 
debug(x +y); 

fun =test; 
})(); 
 
这个时候你在浏览器的控制台输入fun ,你会发现它打印出 function(x, y){ debug(x +y);} 好明显这就是一个函数了,如果你输入 fun(1, 2); 这个时候就打印出3了。下面来看看种类型。 
代码如下:
var U = { 
uid: 32812, 
gameList: (function(){ 
var list = new Array(); 
list[7]= '360'; 
list[6]='baidu'; 
if(list != 'null'){ 
return list; 


)(), 
serverList: (function(){ 
var list = new Array(); 
list[1188]='360'; 
list[1165]='baidu'; 
if(list != 'null'){ 
return list; 


)(), 
channelList: (function(){ 
var list = new Array(); 
list[9]='手游网'; 
return list; 

)(), 
searchName : function(t,id){ 
if( id == false || /^d+$/.test(id) == false ){ 
return '这是一个函数'; 
}else if(eval(t).hasOwnProperty(id)){ 
return eval(t)[id]; 
}else{ 
return 'test'; 


}; 
 
这个时候,你在控制台中输入U;你会发现这是一个数组。U['searchName ']是一个函数, U['qudaoList']返来的是一个结果。 

时间: 2024-09-30 03:42:34

javascript匿名函数应用示例介绍的相关文章

javascript匿名函数应用示例介绍_javascript技巧

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

JavaScript 匿名函数和闭包介绍

 匿名函数:没有名字的函数; 闭包:可访问一个函数作用域里的变量的函数; 一 匿名函数 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 // 普通函数 function box(){ // 函数名是box; return 'Lee'; } box(); // =>Lee; 调用函数; // 匿名函数 function(){ // 匿名函数,会报错; return 'Lee'; } // 通过表达式自我执行 (fu

JavaScript 匿名函数和闭包介绍_javascript技巧

匿名函数:没有名字的函数; 闭包:可访问一个函数作用域里的变量的函数; 一 匿名函数 // 普通函数 function box(){ // 函数名是box; return 'Lee'; } box(); // =>Lee; 调用函数; // 匿名函数 function(){ // 匿名函数,会报错; return 'Lee'; } // 通过表达式自我执行 (function(name){ console.log(name); // =>Lee; })("Lee"); //

Javascript中的匿名函数与封装介绍

 这篇文章主要介绍了Javascript中的匿名函数与封装介绍,本文分析了jQuery 封装.Backbone 封装.Underscore 封装等内容,需要的朋友可以参考下     迷惑了一会儿不同JS库的封装后,终于有了点头绪.大致就是: 代码如下: 创建一个自调用匿名函数,设计参数window,并传入window对象. 而这个过程的目的则是, 代码如下: 使得自身的代码不会被其他代码污染,同时也可以不污染其他代码. jQuery 封装   于是找了个早期版本的jQuery,版本号是1.7.1

JavaScript匿名函数与委托使用示例_基础知识

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- C#匿名函数--> <title></title> <script type="text/javascript"> var f1 = function (x, y) { //[1] 定义一个匿名函数,用变量f1来指向它(f1相当于一个委托,这个时候f1就可以当做一个函数来用了) ret

javascript匿名函数实例分析_javascript技巧

本文实例讲述了javascript匿名函数的用法.分享给大家供大家参考.具体分析如下: 摘要: 本文讲解的是javascript最基础也是最重要的东西--函数,之所以写这篇文章,是因为面试的时候问到了,也算是温故而知新了. 先上个例子,如果你看懂了,说明你已经理解了本文要讲的. 复制代码 代码如下: var f = (function() {     function f() {return 10;}     return f();     function f() {return 20;}  

JavaScript匿名函数学习笔记详解

匿名函数,是指没有名称的函数.匿名函数可以传递参数,也可以赋值给一个变量. 在JavaScript中,有两种传值方式,按值传递和引用传递:     按值传递:赋值时是将数据本身传递给变量.     引用传递:将数据(代码块)的地址传递给变量,而不是数据(代码块)本身. 基本数据类型一般是按值传递,复杂数据类型一般是引用传递. 另一种定义函数的方式 来分析一个函数的定义:  代码如下 复制代码     function demo(){     // 函数主体部分     } 它的实质,是将函数主体

JavaScript匿名函数之模仿块级作用域_javascript技巧

匿名函数 函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途. 匿名函数:就是没有函数名的函数. 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式 第一种:这也是最常规的一种 function double(x){ return 2 * x; }  第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用. var double = new Function('x', 'return 2 * x;');  第三种: v

浅析Javascript匿名函数与自执行函数_javascript技巧

函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途.匿名函数:就是没有函数名的函数. 函数的定义,大致可分为三种方式: 第一种:这也是最常规的一种 function double(x){ return 2 * x; } 第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用. var double = new Function('x', 'return 2 * x;'); 第三种: var double = function(