2.1 JavaScript应用开发实践指南

创建交互层

循环

示例代码如下:

1. var people = family,
2. peopleCount = items.length,
3. i;
4. if(peopleCount>0){
5. for(i=0; i < peopleCount; i = i+1){
6. var people = people[i];
7. }
8. }

条件语句

示例代码如下:

1. if(people =="tim"){
2. alert(people +", this is mine");
3. }else{
4. alert(people);
5. }
6. /* 比较中有2个比较特殊的类型 === 全等于和 !==不全等于.
7. 全等于的意思是指两个值相等,而且类型也是相同的 */

switch 语句

示例代码

1. switch(person){
2. case"tim":
3. alert("this is mine");
4. break;
5. case"christime":
6. alert("my sister");
7. break;
8. default:
9. alert(person);
10. }

函数 匿名函数 回调函数

1. (function(){
2. "use strict";
3. var family =[
4. "joan",
5. "charlie",
6. "peter",
7. "christime",
8. "anna",
9. "tim"
10. ];
11. var peopleCount = family.length;
12. var i;
13. if(peopleCount >0){
14. for(i =0; i < peopleCount; i = i+1){
15. var person = family[i];
16. if(person =="tim"){
17. alert(person +", this is me!");
18. }else{
19. alert(person);
20. }
21. }
22. }
23. }
24. })();//匿名函数的直接使用.
25. //回调函数
26. window.addEventListener("load",function(){
27. alert("call back function");
28. },false});

方法

方法和函数其实一回事, 只不过在对象中的函数就是方法, 譬如alert() 其实就是window的对象, 全称是window.alert().
我们需要知道的是JavaScript原生对象及外部程序库中的函数. 自定义方法的代码如下:

1. var getInformation ={
2. "names": fucntion(){
3. "use strict",
4. alert("get the names");
5. },
6. "checkForTim":function(){
7. "use strict",
8. alert("checking for tim");
9. }
10. };
11. window.addEventListener("load", getInformation.names,false);
12. document.addEventListener("click", getInformation.checkForTim,false);

以对象为目标组织代码是一种条例清楚和明晰的方式.

事件

很多事件注册监听函数, 例如: click, focous, dblclick, submit, mousedown, load, mousemove, touchstart*, mouseup等.
事件加载函数包括:
window.addEventListener(“load”, …);
document.addEventListener(“click”, …);

Ajax

异步JavaScript和XML. 不重新加载整个页面的前提下刷新HTML文档中的部分内容. Ajax的使用也可以是同步的, 交换数据的格式也不一定非要是XML, 也可以是JSON, 甚至是HTML, * 只要它们能在客户端和服务器之间传输数据即可*.

章节题目:

1. 匿名函数: 程序运行时当场声明的函数.
2. 回调函数: 其他函数调用时.
3. 程序中通过 事件机制处理用户反馈.

来自为知笔记(Wiz)