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

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中函数对象调用模式总结

    函数调用模式主要有以下几种: 1. **基础调用模式**:这是最简单的形式,如 `func()`. 这种调用方式会创建一个新的执行上下文,并将当前作用域链与该函数的活动对象关联。 2. **方法调用模式**:当函数作为对象的...

    Com调用JavaScript函数

    接口中包含要调用的方法,这些方法将作为JavaScript函数的代理。 2. **实现接口**:为这个接口创建一个实现类,具体实现调用JavaScript函数的逻辑。这通常涉及到通过宿主环境提供的API来执行JavaScript代码。 3. *...

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

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

    我写的调用网页的javascript函数!请大家帮忙看看!

    在网页中调用JavaScript函数通常是通过以下几种方式实现的: 1. **事件处理**:当用户执行特定操作(如点击按钮)时,可以触发预先绑定的JavaScript函数。例如,在HTML元素中添加`onclick`属性,值为函数名或匿名...

    几个常用javascript函数

    本篇文章将深入探讨几个常用的JavaScript函数,这些函数在实际开发中非常常见且实用。 1. `console.log()` 这是开发者调试代码时最常用的函数之一。它用于在浏览器的控制台输出信息,帮助开发者查看程序执行过程中...

    javascript常用判断函数

    本文将详细讲解JavaScript中的几个常见判断函数,这些函数可以帮助开发者进行数据类型的检查和验证。 首先,我们来看`DataLength`函数。这个函数的主要功能是计算字符串的长度,但与JavaScript原生的`length`属性...

    JavaScript的函数劫持

    在JavaScript中,我们可以通过以下几种方式实现函数劫持: 1. **赋值操作**:直接用新函数覆盖原有的函数引用。 ```javascript const originalFunction = someObject原有方法; someObject原有方法 = function() { ...

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

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

    JavaScript几种特殊函数案例.pdf

    本文档中的几个案例展示了JavaScript中几种特殊的函数用法,包括嵌套函数、递归函数以及内置函数。 1. **嵌套函数**: 嵌套函数是指在一个函数内部定义另一个函数的情况。在案例1中,`add`是外部函数,而`innerAdd...

    Javascript 函数的四种调用模式

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

    javascript绘图函数库

    这些函数可能包括但不限于以下几种: 1. **画线(lineTo)**:绘制直线,从当前绘图位置到指定的终点。 2. **填充路径(fillPath)**:根据定义的路径进行颜色填充。 3. **描边路径(strokePath)**:沿着定义的路径绘制...

    js回调函数示例

    2. 异步I/O操作:读取文件、写入数据库等操作,由于这些操作通常比CPU运算慢,JavaScript引擎会启动异步任务,并在完成后调用回调函数。 3. 网络请求:发送HTTP请求获取数据,一旦数据到达,回调函数会被调用来处理...

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

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

    C#和JavaScript相互调用

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

    C调用javascript

    在C/C++中调用JavaScript主要有以下几种方法: 1. **使用ChakraCore或V8引擎**:这两个是Microsoft和Google分别开发的高性能JavaScript引擎。通过它们提供的API,开发者可以在C/C++中直接运行JavaScript代码。例如...

    详解Javascript函数声明与递归调用

    JavaScript函数声明与递归调用是编程语言的基础概念,尤其对于JavaScript初学者至关重要。JavaScript的函数具有独特的特性,因为它们是顶级对象,这意味着它们可以像普通变量一样被处理。理解这些概念有助于编写更加...

    javascript的几种继承方法介绍_.docx

    - 概念:每个JavaScript函数都有一个`prototype`属性,这个属性是一个对象,当创建一个新对象时,这个新对象会继承构造函数的原型。每个对象都有一个内部属性`__proto__`,指向它的构造函数的原型。 - 缺点:原型...

    JavaScript实现继承的几种方式

    本篇文章将深入探讨JavaScript中实现继承的几种常见方式。 1. 原型链继承 JavaScript的原型(prototype)机制是实现继承的基础。每个函数都有一个prototype属性,这个属性指向一个对象,这个对象的属性和方法可以被...

Global site tag (gtag.js) - Google Analytics