>函数的方法call、apply、bind

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函数的方法call、apply、bind</title>
</head>
<body>
<script>
// 1.call()和apply()的第一个实参是要调用函数的母对象,它是调用上下文,在函数体内通过this来获得对它的引用。要想以对象o的方法来调用函数f(),可以像下面实例这样使用call(要调用函数的母对象,待调用函数的值)和apply(要调用函数的母对象,用数组表示待调用函数的值)
var o = {
x:3,
m:function(x){
console.log(x);
}
}
o.m(2);//2
console.log(o['m']);//function (x){console.log(x);}
function f(c){
return c+1;
}
console.log(f.call(o,0));//1
console.log(f.apply(o,[2]));//3
// 将对象o中名为m()的方法替换为另一个方法
// 可以在调用原始的方法之前和之后记录日志消息

function trace(o,m){
var original = o[m];//在闭包中保存原始方法
o[m] = function(){
console.log(new Date(),"Entering:",m);//输出日志消息
var result = original.apply(this,arguments);//调用原始函数
console.log(new Date(),"Exiting",m);//输出日志信息
return result;
}
}
trace(o,'m');
console.log(o['m']);
//function (){
// console.log(new Date(),"Entering:",m);//输出日志消息
// var result = original.apply(this,arguments);//调用原始函数
// console.log(new Date(),"Exiting",m);//输出日志信息
// return result;
//}
// 2.bind()方法主要将函数绑定至某个对象。当在函数f()上调用bind方法并传入一个对象o作为参数,这个方法将返回一个新的函数。
function f(y){return this.x + y};//这个是待绑定的函数
var o = {x:1};//将要绑定的对象
var g = f.bind(o);//通过调用g(x)来调用o.f(x)
console.log(f.call(o,2));//3
// console.log(o);
console.log(g(2));//3

</script>
</body>
</html>

posted @ 2018-07-16 15:25  金牛座的女孩  阅读(98)  评论(0编辑  收藏  举报