JavaScript 编写匿名函数的几种方法

错误模式：语法错误警告


代码如下:

function(){
// insert code here
}();

模式一：函数字面量 (Function Literal)

先声明函数对象，然后执行。


代码如下:

(function(){
// insert code here
})();

模式二：优先表达式 (Prior Expression)

由于 JavaScript 按照从内到外的顺序执行表达式，因此使用括号来强制执行已声明的函数。


代码如下:

(function(){
// insert code here
}());

模式三：Void 操作符 (Void Operator)

使用 Void 操作符执行一个单独的操作数。


代码如下:

void function(){
// insert code here
}();

从技术上讲，这三种代码模式是等价的。但在实际应用中，例如 YUI、jQuery 等框架，模式一更被广泛使用。

赞 (0)

相关推荐

  • JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）

    JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）

    还好网上什么都有,上网找了一个浏览器兼容性最佳的函数,经测试兼容IE.FireFox.Chrome,并且不会有滚动条误差问题,存档下,以备后用 :) 复制代码 代码如下: function mousePos(e){     var x,y;     var e = e||window.event;     return {         x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,      

  • jQuery学习7 操作JavaScript对象和集合的函数

    删除字符串首尾空字符:$.trim() 像很多高级语言都提供了类似的函数,jQuery类库也提供了这样的函数.具体用法:$.trim(value)从已传入的字符串里删除首尾空白字符并返回结果. 对属性和集合进行迭代: 在JavaScript操作数组和对象可以采用下面的方法: var anArray = ['one','two','three']; for(var n = 0; n < anArray.length; n++){...} var anObject = {one:1, two:2,

  • javascript让setInteval里的函数参数中的this指向特定的对象

    看到这个题,我蒙了,因为那时候我不清除这个问题,想了半天没想出来,后来到网上一查,在国外的某网站查到说setInterval和setTimeout之后的函数的作用域是全局的,也就是里面的this指向的是全局对象. 这个问题可麻烦了,我经常要在循环函数里用this来引用当前对象,也许你想到可以用闭包,不过实际情况并非如此简单,对象实例多了之后,闭包也乱套了. 我的愿望就是让循环函数里的this仍然指向当前上下文的对象,无需传参数,无需闭包(其实这也是闭包,只是形式上看着比较自然而已); 例如:(一

  • 详解javascript函数的参数

    javascript函数可以用任意多个参数来调用,而不用管函数定义时指定了几个参数.因为函数是弱类型的,没有方法去声明它所期望的参数类型,并且给任何函数传递任何类型的值都是合法的. 1.Js函数可以传入不同的参数,如 function writeNString(strMsg){ document.write(strMsg + "<br>"); } 2.Js函数返回值,js函数可以将运行的结果返回,函数可以视为一个黑盒子,使用参数输入数据后产生所需的运行结果,如 functi

  • 使一个函数作为另外一个函数的参数来运行的javascript代码

    先看一段代码: 复制代码 代码如下: var a = [1,2,3];  function map(fn, a, init){  var s = init;  for (i = 0; i < a.length; i++){  s = fn(s,a[i]);  }  return s;  }  alert(map(function(x,y){return x+y;}, a , 0)) //把数组的各个元素相加求和  alert(map(function(x,y){return x+y;}, a ,

  • javascript 函数速查表

    abs 方法 返回一个数的绝对值. acos 方法 返回一个数的反余弦. anchor 方法 在对象的指定文本两端加上一个带 NAME 属性的 HTML 锚点. asin 方法 返回一个数的反正弦. atan 方法 返回一个数的反正切. atan2 方法 返回从 X 轴到点(y, x)的角度(以弧度为单位). atEnd 方法 返回一个表明枚举算子是否处于集合结束处的 Boolean 值. big 方法在String 对象的文本两端加入 HTML 的<BIG>标识. blink 方法 将 HT

  • javascript parseInt与Number函数的区别

    但是parseInt("08", 10)是可以返回8的. 为搞清楚两者的区别, 参考了别人写的parseInt&Number的区别: parseInt Parses a string argument and returns an integer of the specified radix or base. 核心函数 实现版本 Navigator 2.0: If the first character of the string specified in parseInt(s

  • 对字符串进行HTML编码和解码的JavaScript函数

    编码函数: 复制代码 代码如下: function HtmlEncode(str) { var t = document.createElement("div"); t.textContent ? t.textContent = str : t.innerText = str; return t.innerHTML; } 解码函数: 复制代码 代码如下: function HtmlDecode(str) { var t = document.createElement("di

  • Javascript函数的参数

    本文是金旭亮老师网易云课堂的课程笔记,记录下来,以供备忘 函数的参数 对于参数值,JavaScript不会进行类型检查,任何类型的值都可以被传递给参数.             对于函数参数,如果过少,没得到值的参数值为undefined,如果过多,多的会被忽略掉. //调用函数时传入的实际参数 function add(num1, num2) { return num1 + num2; } //一切正常的调用方式 console.info(add(1, 2)); //3 //不检查参数的类型,

  • 两个比较有用的Javascript工具函数代码

    1.大家在实际工作中,会写各式各样的赋值语句. 比如最常用的obj.style.display = "none"; 如果这样的赋值语句一多,obj.style一排下来都要看晕了 下面我的base.js中的extend函数可以允许用json格式赋值属性甚至是函数句柄 复制代码 代码如下: /** * 扩展函数 * @param target 需要扩展的对象 * @param params 要往target里放的属性和方法 */ function extend(target, params

  • javascript 获取url参数和script标签中获取url参数函数代码

    url paramter: 复制代码 代码如下: //lastest: var getArgs=function() {//get url querystring var params=document.location.search,reg=/(?:^\?|&)(.*?)=(.*?)(?=&|$)/g,temp,args={}; while((temp=reg.exec(params))!=null) args[temp[1]]=decodeURIComponent(temp[2]);

  • Javascript 使用function定义构造函数

    Javascript中创建对象的语法是在new运算符的后面跟着一个函数的调用.如 复制代码 代码如下: var obj = new Object(); var date = new Date(); 运算符new首先创建一个新的没有任何属性的对象,然后调用该函数,把新的对象作为this关键字的值传递. 复制代码 代码如下: var date = new Date()的伪代码的实现就是 var obj = {}; var date = Date.call(obj); 构造函数的作用就是初始化一个新创

随机推荐