call apply callee和caller之间的区别
来源:互联网 发布:一屋窑玻璃茶具淘宝 编辑:程序博客网 时间:2024/05/16 03:37
1、call()
call()标准api
fun.call(thisArg[, arg1[, arg2[, …]]])
call()
作用都是改变当前作用域,即改变this的指向,将函数对象从初始的上下文改变为由thisArg
指定的新对象。thisArg
:可选项,将被当做当前对象。如果没有thisArg
,那么global对象将被用作thisArg
.arg1,arg2
:可选项,将被传递方法参数序列。
call()应用demo
demo1
123456789101112
<input type="text" id="idTxt" value="input text">var value = "global var";function mFunc(){this.value = "member var";}function gFunc(){alert(this.value);}window.gFunc(); //=>global vargFunc.call(window); //=>global vargFunc.call(new mFunc()); //=>member vargFunc.call(document.getElementById('idTxt')); //=>input text
demo2
123456789
var func = new function(){this.a = "func";}var func2 = function(x){var a = "func2";alert(this.a); //=>'func'alert(x); //=>'func2'}func2.call(func, "func2");
这个例子中,func调用的作用域是func,那么this指向func,this.a就等于func
,对于第二个alert(x),func2()的参数为func2,所以alert(x)=>’func2’
上面两个例子理解起来都不困难,再看下面这个例子:
demo3
1234567891011121314
var animals = [{ species: 'Lion', name: 'King' },{ species: 'Whale', name: 'Fail' }];for (var i = 0; i < animals.length; i++) {(function(i) {this.print = function() {console.log('#' + i + ' ' + this.species+ ': ' + this.name);}this.print();}).call(animals[i], i);}
这里面有个匿名函数,我们将给这个匿名函数加一个名字,下面这样改一下,会看得清楚一些:
123456789101112131415
var animals = [{ species: 'Lion', name: 'King' },{ species: 'Whale', name: 'Fail' }];for (var i = 0; i < animals.length; i++) {var callFunc = function(i) {this.print = function() {console.log('#' + i + ' ' + this.species+ ': ' + this.name);}this.print();};callFunc.call(animals[i], i)}
callFunc()
当前作用域对象是animals[i]
,i
是callFunc()参数,将输出
=> #0 Lion: King
=> #1 Whale: Fail
2、apply()
apply()方法的作用与call()作用相同,都是改变当前作用域this指向。
apply()标准api
fun.apply(thisArg, [arg1,arg2,…argN])
从api上可以看出apply()区别于call()是第二个参数,apply()传入的是一个数组。
使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二个参数传入,arguments是数组。
demo
1234567891011121314151617
/*定义一个人类*/function Person(name,age){this.name=name;this.age=age;}/*定义一个学生类*/function Student(name,age,grade){//让Student()方法拥有(调用)Person()方法的属性Person.apply(this,arguments); //=>等价于this.name = name;this.age = age;this.grade=grade;}//创建一个学生类var student=new Student("zhangsan",21,"一年级");//测试alert("name:"+student.name+"\n"+"age:"+student.age+"\n"+"grade:"+student.grade);
3、caller()
caller返回一个对函数的引用,该函数调用了当前函数。
对于函数来说,caller 属性只有在函数执行时才有定义。 如果函数是由 javascript 程序的顶层调用的,那么 caller 包含的就是 null 。
demo
12345678910111213141516
function callerDemo() {if (arguments.caller) {var a = callerDemo.caller.toString();alert(a);} else {alert("this is a top function");}}function handleCaller() {callerDemo();}handleCaller();function calleeDemo() {alert(arguments.callee);}calleeDemo();
4、callee()
返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文。
arguments.length是实参长度,arguments.callee.length是形参长度
demo
123456789101112131415161718192021
//callee可以打印其本身function calleeDemo() {alert(arguments.callee);}//用于验证参数function calleeLengthDemo(arg1, arg2) {if (arguments.length == arguments.callee.length) {window.alert("验证形参和实参长度正确!");return;} else {alert("实参长度:" + arguments.length);alert("形参长度: " + arguments.callee.length);}}//递归计算var sum = function (n) {if (n < = 0)return 1;elsereturn n +arguments.callee(n - 1)}
- call apply callee和caller之间的区别
- 理解Javascript的caller,callee,call,apply区别
- 介绍call,callee,caller,apply的区别与应用
- 理解js中call,apply,caller,callee的区别
- callee caller call apply
- call(), apply(), caller(), callee()
- javascript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- javascript的caller,callee,call,apply概念
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- 函数的arguments,caller,callee,call,apply
- arguments,caller,callee,apply,call
- UVA129KryptonFactor
- Spring boot (一) Hello World
- strchr, strrchr, strchrnull
- windows2003的vpn服务提示800错误
- 网络的使用-安卓基础知识整理
- call apply callee和caller之间的区别
- Android 水平加载图片 自定义 HorizontalScrollView,防止一次性加载出现性能问题,防止OOM
- 自定义标签中的重定向和转发的区别
- ubuntu16.04 + Kdevelop + ROS开发
- OpenCv3.2+opencv_contrib扩展模块 +VS2015+CMake3.9解决编译出错的问题
- CSDN/BLOGGER等支持HTML编辑的博客可用的有趣功能
- 如何探索一门未知领域新技术?看腾讯前端高级工程师的学习历程
- 逻辑思维
- AsyncTask加载图片