>函数的方法call、apply、bind-白红宇

>函数的方法call、apply、bind

阅读量：6032 次

发布时间：2019-06-20

本文共 1309 字，大约阅读时间需要 4 分钟。

<!DOCTYPE html>

<head>

<title>函数的方法call、apply、bind</title>

</head>

<body>

// 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>

转载于:https://www.cnblogs.com/studyh5/p/9317865.html

你可能感兴趣的文章