函数内部属性

函数内部,有两个特殊的对象:arguments和this,
arguments:类数组,保存函数参数;还有一个callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数;
下面是一个非常经典的阶乘函数:

function factorial(num){
    if(num<=1){
        return 1
    }else{
        return num*factorial(num-1)
    }
}

上面函数的执行与函数名factorial紧紧耦合在了一起,为了消除耦合紧密的现象,可以使用arguments.callee;

function factorial(num){
    if(num<=1){
        return 1
    }else{
        return num*arguments.callee(num-1)
    }
}

同样的

function outer(){
    inner()
};
function inner(){
    console.log(inner.caller)
};
outer()

可以改写成

function outer(){
    inner()
};
function inner(){
    console.log(arguments.callee.caller)
};
outer()

在严格下模式执行时,arguments.callee会导致错误,非严格模式下是undefined。

函数的属性和方法

每个函数都包含两个属性:length和prototype;
length属性表示函数希望接受的命名参数的个数;

function sayName(name){
    console.log(name)
}
function sum(num1,num2){
    return num1+num2
}
function sayHi(){
    console.log("hi")
}
console.log(sayName.length,sum.length,sayHi.length);

这里将要输出

1 2 0

在ES中最耐人寻味的要数prototype属性了,它是保存所有实例方法的真正所在。常见的toString valueOf等都保存在prototype中,在创建自定义引用类型以及实现继承时,prototype属性的作用是极为重要的。
每个函数都包含两个非继承而来的方法:apply&&call;
这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值;
apply方法接受两个参数;一个是运行函数的作用域,一个是参数数组;
参数数组可以是Array的实例,也可以是arguments对象;

function sum(num1,num2){
    return num1+num2
}
function callSum1(num1,num2){
    return sum.apply(this,arguments)
}
function callSum2(num1,num2){
    return sum.apply(this,[num1,num2]);
}
console.log(callSum1(10,10));
console.log(callSum2(10,10));

call和apply方法的作用相同,区别仅在于接受参数的方式不同;call接受的参数需要列举出来;

function sum(num1,num2){
    return num1+num2
}
function callSum(num1,num2){
    return sum.call(this,num1,num2)
}
console.log(callSum(10,10))

事实上,传递参数并非apply和call真正的用武之地,它们真正强大的地方是能够扩充函数赖以运行的作用域;

window.color="red";
var o={color:"blue"};
function sayColor(){
    console.log(this.color)
}
sayColor();
sayColor.call(this);
sayColor.call(window);
sayColor.call(0);

这里输出

red
red
red
blue

当运行sayColor.call(o)时,函数的执行环境发生改变,函数体内的this对象指向了O,然后通过O来调用它的;
当然,还有一个方法,bind,这个方法会窗帘一个函数的实例,this的值会被绑定到传给bind函数的值

window.color="red";
var o={color:"blue"};
function sayColor(){
    console.log(this.color)
}
var objectSayColor=sayColor.bind(o);
objectSayColor();

结果是:

blue

sayColor调用bind函数饼传入对象O,创建了objectSayColor函数,该函数的this值等于O,因此即使是在全局作用域中调用这个函数,也会看到blue;
当然bind存在兼容性问题;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

liugang0605

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值