函数的方法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>
轉載于:https://www.cnblogs.com/studyh5/p/9317865.html
總結
以上是生活随笔為你收集整理的函数的方法call、apply、bind的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 精读《手写 SQL 编译器 - 文法介绍
- 下一篇： 在RHEL上实现OpeenSSH