一、call 方法
调用一个对象的一个方法,以另一个对象替换当前对象(其实就是更改对象的内部指针,即改变对象的this指向的内容)。
即 “某个方法”当做“指定的某个对象”的“方法”被执行。
Js代码
call([thisObj[,arg1[, arg2[, [,.argN]]]]])
参数
thisObj
可选项。将被用作当前对象的对象。
arg1, arg2, , argN
可选项。将被传递方法参数序列。
说明
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。
举例一:
01 |
<input type= "text" id= "myText" value= "input text" > |
06 |
var value = "global 变量" ; |
12 |
window.Fun1(); //global 变量 |
13 |
Fun1.call(window); //global 变量 |
14 |
Fun1.call(document.getElementById( 'myText' )); //input text |
15 |
Fun1.call( new Obj()); //对象! |
举例二:
09 |
function multiply(mult) { |
10 |
return this .num * mult; |
13 |
multiply.call(first_object, 5); // returns 42 * 5 |
14 |
multiply.call(second_object, 5); // returns 24 * 5 |
二、apply方法
apply方法的第一个参数也是要传入给当前对象的对象,即函数内部的this。后面的参数都是传递给当前对象的参数。
对于apply和call两者在作用上是相同的,但两者在参数上有区别的。对于第一个参数意义都一样,但对第二个参数:apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入,而call则作为call的参数传入(从第二个参数开始),如 func.call(func1,var1,var2,var3)对应的apply写法为:func.apply(func1, [var1,var2,var3])。同时,使用apply的好处是可以直接将当前函数的 arguments对象 作为apply的第二个参数传入。
01 |
var func = new function () { |
05 |
var myfunc = function (x, y) { |
11 |
myfunc.call(func, "var" , "fun" ); // "func" "var fun" |
12 |
myfunc.apply(func, [ "var" , "fun" ]); // "func" "var fun" |
三、caller 属性
返回一个对函数的引用,即调用了当前函数的函数体。
functionName.caller :functionName 对象是所执行函数的名称。
说明
对 于函数来说,caller 属性只有在函数执行时才有定义。 如果函数是由 JScript 程序的顶层调用的,那么 caller 包含的就是 null 。如果在字符串上下文中使用 caller 属性,那么结果和 functionName.toString 一样,也就是说,显示的是函数的反编译文本。
02 |
if (CallLevel.caller == null) { |
03 |
alert( "CallLevel was called from the top level." ); |
05 |
alert( "CallLevel was called by another function:\n" + CallLevel.caller); |
四、callee属性
返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文。
[function.]arguments.callee:可选项 function 参数是当前正在执行的 Function 对象的名称。
说明
callee 属性的初始值就是正被执行的 Function 对象。
callee 属性是 arguments 对象的一个成员,它表示对函数对象本身的引用,这有利于匿 函数的递归或者保证函数的封装性,例如下边示例的递归计算1到n的自然数之和。而该属性仅当相关函数正在执行时才可用。还有需要注意的是callee拥有length属性,这个属性有时用于验证还是比较好的。arguments.length 是实参长度,arguments.callee.length 是形参长度,由此可以判断调用时形参长度是否和实参长度一致。
02 |
function calleeDemo() { |
03 |
alert(arguments.callee); |
07 |
function calleeLengthDemo(arg1, arg2) { |
08 |
if (arguments.length == arguments.callee.length) { |
09 |
window.alert( "验证形参和实参长度正确!" ); |
12 |
alert( "实参长度:" + arguments.length); |
13 |
alert( "形参长度: " + arguments.callee.length); |
18 |
var sum = function (n){ |
22 |
return n + arguments.callee(n - 1); |
五、bind
09 |
function multiply(mult) { |
10 |
return this .num * mult; |
13 |
Function.prototype.bind = function (obj) { |
16 |
return method.apply(obj, arguments); |
22 |
var first_multiply = multiply.bind(first_object); |
23 |
first_multiply(5); // returns 42 * 5 |
25 |
var second_multiply = multiply.bind(second_object); |
26 |
second_multiply(5); // returns 24 * 5 |
+++++++++++++++++++++++++++++++++++++++++++++++++++++
caller 与 callee 区别的一些举例:
01 |
<script type = 'text/javascript' > |
07 |
alert(b === arguments.callee) |
09 |
alert(arguments.callee.caller === a) |
//———-
01 |
<script type= "text/javascript" > |
02 |
function calleeTest() { |
03 |
arguments.callee.say( "Mr.CT" , "您好!" ); // 获取当前函数句柄 |
06 |
calleeTest.say = function (userName, value) { |
07 |
alert(userName + "说:" + value); |
10 |
function callerTest() { |
12 |
arguments.callee.caller.goodbye( "Mr.CT" , "Canca Torvals" ); // 获取调用当前函数的函数 |
16 |
callerTest.goodbye = function (userName, userName2) { |
17 |
alert(userName + " 向 " + userName2 + " 说再见." ); |
- js call apply caller callee bind
call apply bind作用类似.即调用一个对象的一个方法,以另一个对象替换当前对象. call 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) ...
- JavaScript方法call、apply、caller、callee、bind的使用详解及区别
一.call 方法 调用一个对象的一个方法,以另一个对象替换当前对象(其实就是更改对象的内部指针,即改变对象的this指向的内容). 即 “某个方法”当做“指定的某个对象”的“方法”被执行. Js代 ...
- javascript下的arguments,caller,callee,call,apply示例及理解
(参考:http://justcoding.iteye.com/blog/589111) Arguments 该对象代表正在执行的函数和调用它的函数的参数. [function.]arguments ...
- javascript中 Function.prototype.apply()与Function.prototype.call() 对比详解
Function.prototype.apply()|Function.prototype.call() apply()方法可以在使用一个指定的 this 值和一个参数数组(或类数组对象)的前提下调用 ...
- JavaScript中return的用法和this的用法详解
JavaScript中return的用法详解 最近,跟身边学前端的朋友了解,有很多人对this和函数中的return的用法和意思理解的比较模糊,这里写一篇博客跟大家一起探讨一下return和this的 ...
- js apply/call/caller/callee/bind使用方法与区别分析
一.call 方法 调用一个对象的一个方法,以另一个对象替换当前对象(其实就是更改对象的内部指针,即改变对象的this指向的内容). Js代码 call([thisObj[,arg1[, arg2[, ...
- js经验点滴js apply/call/caller/callee/bind使用方法与区别分析
一.call 方法 调用一个对象的一个方法,以另一个对象替换当前对象(其实就是更改对象的内部指针,即改变对象的this指向的内容). Js代码 call([thisObj[,arg1[, arg2[, ...
- 彻底理解了call()方法,apply()方法和bind()方法
javascript中的每一个作用域中都有一个this对象,它代表的是调用函数的对象.在全局作用域中,this代表的是全局对象(在web浏览器中指的是window).如果包含this的函数是一个对象的 ...
- 浅谈JavaScript中的apply,call和bind
apply,call,bine 这三兄弟经常让初学者感到疑惑.前两天准备面试时特地做了个比较,其实理解起来也不会太难. apply MDN上的定义: The apply() method calls ...
随机推荐
- 窗体showModal
unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms ...
- Delphi 各版本新特性功能网址收集
Delphi XE2 三个新功能介绍举例_西西软件资讯 http://www.cr173.com/html/13179_1.html delphi 2007新功能简介-davidxueer-Chin ...
- 微信 winwre 移动调试
如果 微信服务号无法连接 网络,关闭window 防火墙
- (转)完全用GNU/Linux工作 by 王珢
完全用GNU/Linux工作 王珢 (看完这篇博文,非常喜欢王珢的这篇博客,也我坚定了学gnu/linux的决心,并努力去按照国外的计算机思维模式去学习编程提高自己.看完这篇文章令我热血沸腾 ...
- java中强制类型转换
在Java中强制类型转换分为基本数据类型和引用数据类型两种,这里我们讨论的后者,也就是引用数据类型的强制类型转换. 在Java中由于继承和向上转型,子类可以非常自然地转换成父类,但是父类转换成子类则需 ...
- jsp页面中jstl标签详解
JSLT标签库,是日常开发经常使用的,也是众多标签中性能最好的.把常用的内容,放在这里备份一份,随用随查.尽量做到不用查,就可以随手就可以写出来.这算是Java程序员的基本功吧,一定要扎实. JSTL ...
- USACO翻译:USACO 2014 JAN三题(1)
USACO 2014 JAN 一.题目概览 中文题目名称 滑雪场设计 滑雪降速 滑雪场评级 英文题目名称 skidesign slowdown skilevel 可执行文件名 skidesign sl ...
- extjs后自己写了一些见不得人的脚本
<html> <head> <title> 配置管理器 </title> <style type="text/css"> ...
- Android开发使用TotalControl调试遇到的问题(备注)
背景:Android开发,使用TotalControl控制手机进行调试. 过程:Eclipse调试一直正常,某天下午突然提示:无法启动ADB.exe,请确认是否在对应的路径下. 怀疑是自己程序写的有问 ...
- 如何使用Google Map API开发Android地图应用
两年前开发过的GoogleMap已经大变样,最近有项目要用到GoogleMap,重新来配置Android GoogleMap开发环境,还真是踩了不少坑. 一.下载Android SDK Manager ...