js中的 caller与callee用法小实例

caller

函数fun的caller返回调用fun的函数对象,即fun的执行环境,如果fun的执行环境为window则返回null

function fun(){
    console.log(fun.caller)//这里必须写在fun里面,因为caller只有函数执行过程中才有效
}
fun();
//结果为:null

下面包裹一层

function a(){
    fun();
    function fun(){
        console.log(fun.caller)//这里必须写在fun里面,因为caller只有函数执行过程中才有效
    }
}
a();

结果为: a函数
这里写图片描述

在包裹一层

function a(){
    b();
    function b(){
        fun();
        function fun(){
            console.log(fun.caller)//这里必须写在fun里面,因为caller只有函数执行过程中才有效
        }
    }
}
a();

结果为: b函数
这里写图片描述

callee

这个属性在函数的arguments上面

function a (){
    console.log(arguments.callee)
}
a();
//结果为a函数本身

下面一个经典的阶乘函数

function sum (num){
    if(num <= 1){
        return 1;
    }else{
        return num * (sum(num - 1))
    }
}
console.log(sum(5))
//结果:5*4*3*2*1=120

为避免函数名称修改致使函数内部报错,改写成下面

function sum (num){
    if(num <= 1){
        return 1;
    }else{
        return num * (arguments.callee(num - 1))
    }
}
console.log(sum(5))
//结果:5*4*3*2*1=120

//callee的另外一种用途

function a(num1,num2,num3){
    console.log(arguments.length);//实参长度为1
    console.log(arguments.callee.length);//行参长度为3
}
a(0); 
阅读更多
版权声明:如需转载请注明出处。 https://blog.csdn.net/qq_17335153/article/details/52575064
文章标签: javascript 函数
个人分类: javascript
上一篇js sort方法根据数组中对象的某一个属性值进行排序
下一篇js 中call和apply的理解-切换上下文环境
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭