http://blog.chinaunix.net/uid-20730110-id-1883890.html

在编写Ajax方法的时候,我们经常会写上类似于这样的代码:

<script type="text/javascript">
var xmlHttp;
//创建一个XmlHttpRequeset对象
function createXMLHttpRequest()...{
    if(window.ActiveXObject)...{
         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
     }
    else if(window.XMLHttpRequest)...{
         xmlHttp = new XMLHttpRequest();
     }
}
//开始一个请求
function startRequest()...{
    
     createXMLHttpRequest();
     xmlHttp.onreadystatechange = handlestatechange;
     xmlHttp.open("GET", "SimpleRespose.xml", true);
     xmlHttp.Send(null);
}

function handlestatechange()...{
    if(xmlHttp.readyState == 4)...{//描述一种"已加载"状态;此时,响应已经被完全接收。
        if(xmlHttp.status == 200)...{//200表示成功收到        
             alert("The Server Replied with:" + xmlHttp.responseText)
         }
     }
}            
</script>

第一次阅读这段代码的时候,我就感到了一点点不对劲,但是说不出来什么地方不对劲。随着对Ajax代码的进一步了解,这种感觉时刻伴随着我。

后来,我知道了这种感觉来自于什么地方。

看看startRequest函数。我们发现xmlHttp.onreadystatechange指向了一个函数,这个函数是在xmlHttpRequest.readyState发生改变的时候触发。我们再来看startRequest函数,想象一下整个请求发送的步骤。现在我们点击一个按钮,触发了一个startRequest函数。函数往下走,第一步是createXmlHttpRequest(),它的作用是创建一个xmlHttpRequest对象,当它完毕的时候,xmlHttpRequest.readyState的值是0(window.alert跟踪得到的),程序继续往下走,xmlHttp.onreadystatechange = handlestatechange,因为状态没有改变(xmlHttpRequest.readyState的值是0),所以不触发函数,紧接着是Open()和Send(),那么,整个函数从头到尾都应该没有触发handlestatechange函数啊,但是为什么出来的结果是正确的呢?

后来我用window.alert跟踪xmlHttp.readystate的变化,发现于原来它运行的机制是这样的。首先创建一个xmlHttpRequest的对象之后xmlHttp.readyState的值是0了,然后xmlHttp.onreadystatechange = handlestatechange没有运行。紧接着是open(),这个函数发生了之后xmlHttp.readyState的值是1了,那么就会有一个断点在Open()函数处断开,保留现场,紧接着又返回到xmlHttp.onreadystatechange = handlestatechange运行,然后再执行Send()函数,这个函数发生了之后xmlHttp.readyState的值是2了,接着又返回到xmlHttp.onreadystatechange = handlestatechange运行。以此类推。

浏览器因为不能真正地像面向对象那么编程,所以找了个折衷的办法,但是这个办法看起来不伦不类,想了半天,再跟一个同学一起讨论,才得出这样的一个结果。

onreadystatechange -----设置为指向handlestatechange的函数的指针(比较难理解些)

函数是具有执行特定功能的子程序,编译后,它的执行代码分配在代码段,而其参数及变量则在堆栈段,因而主程序调用函数时,实际上就是将程序执行地址转移为函数在代码段的入口地址去执行,即每个函数都有一个在代码段的确定入口地址,依此程序执行,当遇到返回指令时(表示该程序结束),程序便返回到该函数调用者的断点程序处,又继续执行,既然函数有确定的入口地址(实际上函数名就

代表了它的入口地址),因而可以用指针指向它,这个指针又称为函数指针

对对onreadystatechange属性的理解相关推荐

  1. 对onreadystatechange属性的理解

    在编写Ajax方法的时候,我们经常会写上类似于这样的代码: <script type="text/javascript"> var xmlHttp; //创建一个Xml ...

  2. 对 onreadystatechange 属性的理解

    在编写 Ajax 方法的时候,我们经常会写上类似于这样的代码: Ajax 代码: var xmlHttp; //创建一个XmlHttpRequeset对象 function createXMLHttp ...

  3. 关于onreadystatechange属性(转)

    关于onreadystatechange属性(转) 在编写Ajax方法的时候,我们经常会写上类似于这样的代码: Javascript代码 <script type="text/java ...

  4. [html] 说说你对HTML5中pattern属性的理解

    [html] 说说你对HTML5中pattern属性的理解 好像是判断input在输入时按下tab键跳转到下一个input的优先级 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚 ...

  5. [html] 说说你对属性data-的理解

    [html] 说说你对属性data-的理解 data- 属性是H5新增的自定义属性,也可以用来存储值.我个人用的不多,这个data- 属性倒是和vue中的v-bind 功能相似, 自定义属性,绑定数据 ...

  6. [html] 谈谈你对input元素中readonly和disabled属性的理解

    [html] 谈谈你对input元素中readonly和disabled属性的理解 相同点:都会使文本框变成只读,不可编辑.不同点:1.disabled属性在将input文本框变成只读不可编辑的同时, ...

  7. [css] 说说你对css的will-change属性的理解,它有什么作用呢?

    [css] 说说你对css的will-change属性的理解,它有什么作用呢? 告诉浏览器,这个元素的某些属性可能会频繁变动触发回流,要求浏览器给予资源进行优化,一般浏览器会给这个元素单独生成一个图层 ...

  8. [css] 举例说说你对white-space属性的理解

    [css] 举例说说你对white-space属性的理解 值 说明 normal 默认.空白会被浏览器忽略. pre 空白会被浏览器保留.其行为方式类似 HTML 中的 <pre> 标签. ...

  9. BOM部分属性及理解

    BOM部分属性及理解 BOM称之为浏览器对象模型.里面主要是我们和浏览器进行交互的方法. 是由IE3.0和Netscape Navigator3.0(网景)提供的一种新的特性,主要是用来通过JS这门脚 ...

最新文章

  1. mysql查询并设置高亮_Thinkphp3.2.3设置MySql主从读写分离后,简单调用主数据库查询
  2. HUST 1586 数字排列
  3. php聊天程序后端,php写后端运作程序总结
  4. 互联互通谋定贸易伙伴 国际农民丰收节贸易会品牌发展
  5. CodeIgniter学习笔记一
  6. gh0st源码分析与远控的编写(一)
  7. php怎么做免登录,php---一周内免登录
  8. macos sierra 引导镜像_真想不到,在win10上可以制作苹果macOS启动U盘
  9. H.264码率控制机制
  10. VDI序曲十四 使用 RemoteFX 安装和配置 USB 重定向
  11. Kubernetes 开发流程中的三个关键步骤
  12. Bag-of-words模型
  13. Linux ftpget和ftpput命令
  14. Android相框合成图片抠图
  15. 基于51单片机的LED彩灯控制器设计
  16. 教师公开课教学课件PPT模板
  17. Xiuno 开发手册正式发布。
  18. R 和 Rstudio 在线更新
  19. 第七章--图--基本概念
  20. 假设检验基础 R语言

热门文章

  1. 服务器租用托管网络ping值常见问题
  2. 七夕送礼物-程序员也可以假浪漫
  3. 项目管理案例分析有哪些?
  4. 计算机英语videos啥意思,英语video的中文是什么意思
  5. 禁用计算机系统错误汇报,如何关闭电脑发送错误报告的弹窗
  6. python argparse命令行参数解析
  7. Linux中rz和sz命令用法
  8. 记:《洛克菲勒留给儿子的38封信》-- 38
  9. Linux虚拟机ens33无法连接问题
  10. mac如何修改chrome的刷新及开发者工具等快捷键