`
biyeah
  • 浏览: 200747 次
  • 来自: ...
社区版块
存档分类
最新评论

javascript回函数的几种调用方法

 
阅读更多
先来看下基本的知识,对于一个函数的调用,方法有以下几种。

//下面的几种写法是等价的。
alert('something');
this.alert('something');
alert.call(this,'something');
alert.apply(this,['something']);


以实现数组中each的方法做为例子。
第一种方式:
Array.prototype.each  = function(callback){
	for(var i = 0; i< this.length;i++){
		callback(this[i]);//参数既为函数名,直接加括号调用。
	}
}
[1,2,3,4].each(alert);//ok
[1,2,3,4].each(console.log);//chrome下不能运行,而在FF中可以运行
[1,2,3,4].each(function(x){
	console.log(x);
});//ok


第二种方式:
Array.prototype.each  = function(callback){
	for(var i = 0; i< this.length;i++){
		callback.call(this,this[i]);//使用call
	}
}
[1,2,3,4].each(alert);//在chrome和FF不能运行。
[1,2,3,4].each(console.log);//chrome下不能运行,而在FF中可以运行
[1,2,3,4].each(function(x){
	console.log(x);
});//ok


第三种方式:
Array.prototype.each  = function(callback){
	for(var i = 0; i< this.length;i++){
		callback.apply(this,[this[i]]);//使用apply
	}
}
[1,2,3,4].each(alert);//在chrome和FF不能运行。
[1,2,3,4].each(console.log);//chrome下不能运行,而在FF中可以运行
[1,2,3,4].each(function(x){
	console.log(x);
});//ok

分享到:
评论

相关推荐

    JavaScript函数的4种调用方法详解

    这里所有的调用模式中,最主要的区别在于关键字 this 的意义,下面分别介绍这个几种调用形式。 本文主要内容: 1.分析函数的四种调用形式2.弄清楚函数中this的意义3.明确构造函对象的过程4.学会使用上下文调用函数 ...

    Javascript调用函数方法的几种方式介绍

    在javascript中,方法可以通过以下几种方式执行: 1.func(),这是最直接最常见的调用方式,也符合一般人的思维逻辑,但是在某些情况下有一些不足,下面会解释。 2.(function(arg){})(window),匿名方法调用,在构造...

    【JavaScript源代码】JavaScript中的几种继承方法示例.docx

    JavaScript中的几种继承方法示例  1.原型链继承  原理: 子类原型指向父类实例对象实现原型共享,即Son.prototype = new Father()。 这里先简单介绍下原型 js中每个对象都有一个__proto__属性,这个属性指向的...

    Javascript 函数的四种调用模式

    主要介绍了Javascript 函数的四种调用模式的相关资料,需要的朋友可以参考下

    JavaScript定义函数的三种实现方法

    对函数进行调用的几种方式: 函数名(传递给函数的参数1,传递给函数的参数2,….) 变量 = 函数名(传递给函数的参数1,传递给函数的参数2,….) 对于有返回值的函数调用,也可以在程序中直接使用返回的结果,...

    C#和JavaScript相互调用

    C#和JavaScript的相互调用函数和变量的几种方法

    javascript函数的解释

    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-&gt;html-&gt;(head,body) 4.一个浏览器窗口中的DOM顺序是:...

    servlet调用的几种方式

    servlet调用的几种方式 共4类常用调用方式: 1、通过URL调用 2、通过提交表单 3、超链接 4 、JavaScript写一个函数,调用这个函数

    VC调用javascript的几种方法(推荐)

    第一种:通过execScript调用。这种方法,虽然操作方便,但不能获取返回值。 m_spHtmlDoc-&gt;get_parentWindow(&m_pHtmlWindow); VARIANT ret;...第二种:先用GetIDsOfNames找到这个脚本函数名称,然后再调用

    JavaScript中立即执行函数实例详解

    前言 js立即执行函数可以让你的函数在创建后立即执行,js立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行,这种模式...通常我们声明一个函数有以下几种方式: // 声明函数f1 function f1() { console.

    JavaScript中的this关键字使用方法总结

    JavaScript 中函数的调用有以下几种方式:作为对象方法调用,作为函数调用,作为构造函数调用,和使用 apply 或 call 调用。 1.作为对象方法调用 在 JavaScript 中,函数也是对象,因此函数可以作为一个对象的属性,...

    不得不看之JavaScript构造函数及new运算符

    JS中的函数即可以是构造函数又可以当作普通函数来调用,当使用new来创建对象时,对应的函数就是构造函数,通过对象来调用时就是普通函数。 普通函数的创建有:显式声明、匿名定义、new Function() 等三种方式。 当...

    JavaScript调用Activex控件的事件的实现方法

    [removed] 当acitveX控件 onXXXevent()事件被触发时,调用此方法。 如果一个半个的话还好说,几十个这样的函数,把我的页面占据的满满的。况且在VS2008中,“设置选定内容格式化”总是提示:“未能完成该操作”. ...

    老生常谈JavaScript 函数表达式

    JavaScript中创建函数主要有两种方法:函数声明和函数表达式。这两种方式都有不同的适用场景。这篇笔记主要关注的是函数表达式的几大特点以及它的使用场景,下面一一描述。 主要特点 •可选的函数名称 函数名称是...

    JavaScript中的几种继承方法示例

    js中每个函数都有一个prototype属性,这个属性指向该函数作为构造函数调用时创建的实例的原型。原型对象上有一个constructor属性,指向创建该对象的构造函数,该属性不可枚举。 var obj = {}; obj.__proto__ === ...

    Javascript 是你的高阶函数(高级应用)

    在通常的编程语言中,函数的参数只能是基本类型或者对象引用,返回值也只是基本数据类型或对象引用。...比如ES5中为数组增加的forEach方法,遍历数组,对每个元素调用同一个函数。 array = {}; array.forEach =

    JavaScript中this的用法及this在不同应用场景的作用解析

    JavaScript 中函数的调用有以下几种方式:作为函数调用,作为对象方法调用,作为构造函数调用,和使用 apply 或 call 调用。下面我们将按照调用方式的不同,分别讨论 this 的含义。 情况一:纯粹的函数调用 这是函数...

    【JavaScript源代码】详解javascript脚本何时会被执行.docx

    当浏览器打开HTML文件后,会直接运行不是声明函数的脚本或通过事件调用脚本函数,下面分析这几种情况。 1.浏览器在打开页面时执行脚本  当浏览器打开一个HTML文件时,它会从头开始解释整个文件,包括html标签和...

    javascript创建对象的几种模式介绍

    在js中有几种模式可以创建对象,通过对象操作所包含的属性与方法。 一般来说,构造函数名称的第一个字母为大写字母,非构造函数名称的第一个字母为小写字母,当然,构造函数与一般函数唯一的区别只是调用的方式不同...

Global site tag (gtag.js) - Google Analytics