<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>回调函数使用</title>
</head>
<body>
<!--一。基本用法-->
<script language="javascript" type="text/javascript">
//回调函数基本用法：
// function dosomeThing(callback){
// callback("我是","回调",'函数');
// };
// function foo(a,b,c){
// alert(a+b+c);
// };
// dosomeThing(foo);
//匿名函数中使用回调函数：
// function dosomeThing(domsg, callback) {
// alert(domsg);
// if(typeof callback == "function") {
// callback("回调函数中的","参数");
// };
// };
// dosomeThing("匿名函数", function(a,b) {
// alert("此处是匿名函数中使用回调函数;"+a+b);
//
// });
</script>
<!--二。高级用法-->
<!--<script language="javascript" type="text/javascript">
function Thing(name) {
this.name = name;
};
Thing.prototype.doSomething = function(callback) {
callback.call(this);
};
function foo() {
console.log(this.name);
};
var t = new Thing("Joe");
t.doSomething(foo);
</script>-->
<!--传参数-->
<!--<script type="text/javascript">
function Thing(name){
this.name=name;
};
Thing.prototype.doSomething=function(callback,parameterss){
callback.call(this,parameterss);
};
function foo(parameterss){
console.log(parameterss+" "+ this.name);
};
var t=new Thing("Joe");
t.doSomething(foo,"Hi");
</script>-->
<!--使用 javascript 的 apply 传参数-->
<script type="text/javascript">
function Thing(name) {
this.name = name;
};
Thing.prototype.doSomething = function(callback) {
callback.apply(this, ['Hi', 3, 2, 1]);
};
function foo(parameterss, three, two, one) {
console.log(parameterss + " " + this.name + " " + three + two + " " + one); //输出：Hi Joe321
};
var t = new Thing("Joe");
t.doSomething(foo);
</script>
</body>
</html>