call和apply的功能一样
方法调用 + 改变this的指向
// call :函数.call(this的指向,参数列表)
// apply:函数.apply(this的指向,参数数组)
call的用法以及使用场景
// call : 方法调用 和 改变this指向
// 结构函数.call();
function test(){
console.log(this);
console.log(arguments);
};
// test();
// test.call();
// 2.有参数的
// 结构 : 函数.call(参数1,参数2,,,,)
// 参数1 this的指向
// 参数2,参数3作为实参来传递
var obj = {
name: '陈银娟'
};
test.call(obj,111,222);
// 场景1 继承
function Person(){
this.name = 'cc',
this.age = '20',
this.liaomei = function(){
console.log('扶我起来试试');
}
}
var obj = {};
Person.call(obj);
console.log(obj.name);
console.log(obj.age);
obj.liaomei();
// 场景2 方法借用
var cc = {
name: '小陈陈',
age: 90,
liaomei: function(){
console.log( this.name + '撩妹');
}
}
// cc.liaomei();
var ff = {
name: '肥肥'
};
// 方法借用
// 函数.call(this的指向,实参1,实参2);
cc.liaomei.call(ff);
ff.liaomei();
bind只改变this的指向 没有方法调用
// bind
// 结构:函数.bind(this的指向,实参1,,,);
// 作用 : 改变this的指向 但是不会方法调用的功能
// 返回一个新的函数
function test(){
console.log(this);
}
// test();
var ff = {
name: 'ff'
};
// 结果为空
var f = test.bind(ff);
f();
var f = test.bind(ff);
f();// this=> ff
var obj = {
f: f
};
// 还是指向的是ff bind的指向一旦改变了 就永远指向ff了
obj.f();
bind的注意点: 一旦指向了,就不会再改变了
网友评论