函数的方法call、apply、bind
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函數(shù)的方法call、apply、bind</title>
</head>
<body>
<script>
// 1.call()和apply()的第一個實參是要調(diào)用函數(shù)的母對象，它是調(diào)用上下文，在函數(shù)體內(nèi)通過this來獲得對它的引用。要想以對象o的方法來調(diào)用函數(shù)f(),可以像下面實例這樣使用call(要調(diào)用函數(shù)的母對象，待調(diào)用函數(shù)的值)和apply(要調(diào)用函數(shù)的母對象，用數(shù)組表示待調(diào)用函數(shù)的值)
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()的方法替換為另一個方法
// 可以在調(diào)用原始的方法之前和之后記錄日志消息
function trace(o,m){
var original = o[m];//在閉包中保存原始方法
o[m] = function(){
console.log(new Date(),"Entering:",m);//輸出日志消息
var result = original.apply(this,arguments);//調(diào)用原始函數(shù)
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);//調(diào)用原始函數(shù)
// console.log(new Date(),"Exiting",m);//輸出日志信息
// return result;
//}
// 2.bind()方法主要將函數(shù)綁定至某個對象。當在函數(shù)f()上調(diào)用bind方法并傳入一個對象o作為參數(shù)，這個方法將返回一個新的函數(shù)。
function f(y){return this.x + y};//這個是待綁定的函數(shù)
var o = {x:1};//將要綁定的對象
var g = f.bind(o);//通過調(diào)用g(x)來調(diào)用o.f(x)
console.log(f.call(o,2));//3
// console.log(o);
console.log(g(2));//3
</script>
</body>
</html>
轉(zhuǎn)載于:https://www.cnblogs.com/studyh5/p/9317865.html
總結(jié)
以上是生活随笔為你收集整理的函数的方法call、apply、bind的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 精读《手写 SQL 编译器 - 文法介绍
- 下一篇： Linux搭建lamp(Apache+P