js中call, apply, bind的自我心得

apply 和 call 的区别

apply和call: apply和call作用相同,只是在传参上面有点小差别,两个方法一个是将调用函数中的参数放在一个数组中传过去,一个是一个一个传过去。 这里用apply方法做讲解,apply方法传入两个参数:一个是作为函数上下文的对象,指的是调用这个apply方法的函数,他的函数内部this由你传过来的对象代替了,另外一个是作为函数参数所组成的数组。

实例:

var obj = {
    name : 'linxin'
}
function func(firstName, lastName){
    console.log(firstName + ' ' + this.name + ' ' + lastName);
}
func.apply(obj, ['A', 'B']);

解析:这里func函数调用了apply方法,将obj和一个数组当做两个参数,此时func函数中的this已经指向obj对象了,所以func函数中的this.name变成了obj.name, 控制台将会输出 A linxin B

apply 和 call 的用法

1,改变this指向: 改变调用函数中this的指向,默认参数为this

2,借用别的对象的方法:

例子:

var Person1  = function () {
    this.name = 'linxin';
}
var Person2 = function () {
    this.getname = function () {
        console.log(this.name);
    }
    Person1.call(this);
}
var person = new Person2();
person.getname();

解析:Person1.call(this)的意思是把Person2函数内的this传到Person1函数内,这样Person1函数内的this.name = ‘linxin’就代表着Person2函数内中写了this.name = ‘linxin’,这样Person2函数就多了一个name的属性,类似java中的extend继承

3,调用函数

apply、call 方法都会使函数立即执行,因此它们也可以用来调用函数

function func() {
    console.log('linxin');
}
func.call();            // linxin

常见的使用:  Array.prototype.slice.call(xxx想要分开的变量)

call 和 bind 的区别

在 EcmaScript5 中扩展了叫 bind 的方法,在低版本的 IE 中不兼容。它和 call 很相似,接受的参数有两部分,第一个参数是是作为函数上下文的对象,第二部分参数是个列表,可以接受多个参数。
它们之间的区别有以下两点

1.bind 发返回值是函数

var obj = {
    name: 'linxin'
}

function func() {
    console.log(this.name);
}

var func1 = func.bind(obj);
func1();                        // linxin

2.参数的使用

function func(a, b, c) {
    console.log(a, b, c);
}
var func1 = func.bind(null,'linxin');

func('A', 'B', 'C');            // A B C
func1('A', 'B', 'C');           // linxin A B
func1('B', 'C');                // linxin B C
func.call(null, 'linxin');      // linxin undefined undefined
func1();                        // linxin undefined undefined

call 是把第二个及以后的参数作为 func 方法的实参传进去,而 func1 方法的实参实则是在 bind 中参数的基础上再往后排

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值