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

　　

javascript中的回调函数的更多相关文章

  1. 理解和使用 JavaScript 中的回调函数

    理解和使用 JavaScript 中的回调函数 标签: 回调函数指针js 2014-11-25 01:20 11506人阅读 评论(4) 收藏 举报  分类: JavaScript(4)    目录( ...

  2. 理解javascript中的回调函数(callback)【转】

    在JavaScrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它String.Array.Number.Object类的对象一样用于内置对象的管理.因为function实 ...

  3. JavaScript 中的回调函数

    原文:http://javascriptissexy.com/ 翻译:http://blog.csdn.net/luoweifu/article/details/41466537 [建议阅读原文,以下 ...

  4. 理解与使用Javascript中的回调函数 -2

    在javascript中回调函数非常重要,它们几乎无处不在.像其他更加传统的编程语言都有回调函数概念,但是非常奇怪的是,完完整整谈论回调函数的在线教程比较少,倒是有一堆关于call()和apply() ...

  5. [转]理解与使用Javascript中的回调函数

    在Javascript中,函数是第一类对象,这意味着函数可以像对象一样按照第一类管理被使用.既然函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回. 因 ...

  6. 【JavaScript】理解与使用Javascript中的回调函数

    在Javascript中,函数是第一类对象,这意味着函数可以像对象一样按照第一类管理被使用.既然函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回. 因 ...

  7. 理解与使用Javascript中的回调函数

    在Javascript中,函数是第一类对象,这意味着函数可以像对象一样按照第一类管理被使用.既然函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回. 因 ...

  8. 理解javascript中的回调函数(callback)

    以下内容来源于:http://www.jb51.net/article/54641.htm 最近在看 express,满眼看去,到处是以函数作为参数的回调函数的使用.如果这个概念理解不了,nodejs ...

  9. JavaScript中的回调函数（callback）

    什么是回调函数 In computer programming, a callback is a piece of executable code that is passed as an argum ...

随机推荐

  1. mysql 数据操作 单表查询 having 过滤

    SELECT 字段1,字段2... FROM 库名.表名 WHERE 条件 GROUP BY field HAVING 筛选 ORDER BY field LIMIT 限制条数 1.首先找到表 库.表 ...

  2. Elasticsearch入门教程

    ElasticSearch是一个高度可扩展的开源搜索引擎并使用REST API,所以您值得拥有. 在本教程中,将介绍开始使用ElasticSearch的一些主要概念. 下载并运行ElasticSear ...

  3. mysql创建和删除表

    创建表 简单的方式 CREATE TABLE person ( ), name ), birthday DATE ); 或者是 CREATE TABLE IF NOT EXISTS person ( ...

  4. android 的 ExpandableListView Example Tutorial

    https://www.journaldev.com/9942/android-expandablelistview-example-tutorial Welcome to Android Expan ...

  5. maven解决“Could not calculate build plan”问题

    错误提示如下:(eclipse+maven) Could not calculate build plan: Failure to transfer org.apache.maven.plugins: ...

  6. 587. Erect the Fence（凸包算法）

    问题 给定一群树的坐标点,画个围栏把所有树围起来(凸包). 至少有一棵树,输入和输出没有顺序. Input: [[1,1],[2,2],[2,0],[2,4],[3,3],[4,2]] Output: ...

  7. oracle数据库中的异常处理

    create or replace procedure prc_get_sex (stuname student.name%type) as stusex student.sex%type; begi ...

  8. 20145311王亦徐《JAVA程序设计》课程总结

    20145311王亦徐<JAVA程序设计>课程总结 每周读书笔记链接汇总 第一周读书笔记 第二周读书笔记 第三周读书笔记 第四周读书笔记 第五周读书笔记 第六周读书笔记 第七周读书笔记 第 ...

  9. Windows10下用Anaconda3安装TensorFlow教程【转】

    本文转载自:https://www.cnblogs.com/HongjianChen/p/8385547.html 1. 安装好Anaconda3版本 (1) 注:可以发现最新版本是Anaconda5 ...

  10. ArrayList扩容

    jdk1.5 public ArrayList(int initialCapacity) { super(); if (initialCapacity < 0) throw new Illega ...