原型方法的不同写法居然会影响调试的解决方法


Posted in Javascript onMarch 08, 2007

上次我写过一篇文章,讨论"JavaScript类定义原型方法的两种实现的区别"。研究后发现除了方法的初始化方式不同外,没有发现别的原则上的却别,也就是说用哪种方式都一样。可是后来发现在VS.NET中给原型方法设置断点来调试时,两种定义方式却出现了很大的差别。

    先看如下代码示例:  1 ToolBar.prototype.Dispose = function()
 2 {
 3     var elmt = this.GetElement(); ***
 4     elmt.onselectstart = '';
 5     elmt.oncontentmenu = '';
 6     elmt.clearAttributes();
 7     // todo 
 8 }
    我的代码运行在这里出了错,调试器VS.NET把代码执行光标停在了第4行,而且不让我拖拽上去。我想如果能拖上去就可以step into的跟踪以下this.GetElement()方法嘛。既然不能拖,我就在第3行设一个breakpoint呗,设好后attach调试器,怎么不能停到代码行3的地方呢?在调试器一看,断点被VS.NET自动设到第一行代码上去了,并且整个的ToolBar.prototype.Dispose方法都是被highlight了@_@。于是我想手动把breakpoint再设置到第3行代马上去,却怎么也不能成功。一在第3行上设置breakpoint就会自动跳到第1行,但可以在第3行以后的代码行上设,比如4,5,6向后都可以。这里有个ugly的解决方法,就是在第3行代码前一句无用的语句(简单的var定义变量是不行的,至少要var a=1;),把现在的第3行变成第4行就可以了。这种bug真是让人莫名其妙哈。

    今天发现可以这么来解决这个问题,把ToolBar.prototype.Dispose = function()改成:function ToolBar.prototype.Dispose()就行了!真是怪!~ 1function ToolBar.prototype.Dispose()
2{
3     var elmt = this.GetElement(); ***
4     elmt.onselectstart = '';
5     elmt.oncontentmenu = '';
6     elmt.clearAttributes();
7     // todo 
8}
    上面这个方法,就可以随意的在第3行上设置breakpoint。这个问题同时存在于VS.NET 2003和VS.NET 2005 beta1中。谁有空拿VS.NET 2005 beta2看看这个问题还有没有。

Javascript 相关文章推荐
再谈javascript 动态添加样式规则 W3C校检
Dec 25 Javascript
js下将字符串当函数执行的方法
Jul 13 Javascript
jQuery对象和Javascript对象之间转换的实例代码
Mar 20 Javascript
动态改变div的z-index属性的简单实例
Aug 08 Javascript
jquery实现无限分级横向导航菜单的方法
Mar 12 Javascript
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
Jul 05 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
BootstrapTable refresh 方法使用实例简单介绍
Feb 20 Javascript
react-native动态切换tab组件的方法
Jul 07 Javascript
tracking.js页面人脸识别插件使用方法
Apr 16 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
Apr 13 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 Javascript
在js中使用"with"语句中跨frame的变量引用问题
Mar 08 #Javascript
JS类库Bindows1.3中的内存释放方式分析
Mar 08 #Javascript
使用IE的地址栏来辅助调试Web页脚本
Mar 08 #Javascript
JScript中的undefined和"undefined"的区别
Mar 08 #Javascript
JavaScript语句可以不以;结尾的烦恼
Mar 08 #Javascript
JScript中的"this"关键字使用方式补充材料
Mar 08 #Javascript
function, new function, new Function之间的区别
Mar 08 #Javascript
You might like
PHP防范SQL注入的具体方法详解(测试通过)
2014/05/09 PHP
javascript 面向对象编程  function是方法(函数)
2009/09/17 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
jQuery的Ajax的自动完成功能控件简要说明
2013/02/22 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
2013/11/23 Javascript
jquery 取子节点及当前节点属性值的方法
2014/08/24 Javascript
JQuery 传送中文乱码问题的简单解决办法
2016/05/24 Javascript
jQuery获取浏览器类型和版本号的方法
2016/07/05 Javascript
js判断价格,必须为数字且不能为负数的实现方法
2016/10/07 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
jQuery 选择符详细介绍及整理
2016/12/02 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
2017/04/25 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
2017/05/17 Javascript
微信小程序自定义模态对话框实例详解
2017/08/16 Javascript
浅谈Vue SPA 首屏加载优化实践
2017/12/15 Javascript
JS限制输入框输入的实现代码
2018/07/02 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
[02:52]2014DOTA2西雅图国际邀请赛 CIS战队巡礼
2014/07/07 DOTA
[07:52]2014DOTA2 TI逗比武士游V社解说背后的故事
2014/07/10 DOTA
[41:52]2018DOTA2亚洲邀请赛3月29日小组赛B组Effect VS Secret
2018/03/30 DOTA
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python实现的Excel文件读写类
2015/07/30 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
Yves Rocher捷克官方网站:植物化妆品的创造者
2019/07/31 全球购物
软件工程专业推荐信
2013/10/28 职场文书
土木工程个人自荐信范文
2013/11/30 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
总经理助理岗位职责范本
2014/07/20 职场文书
材料员岗位职责
2015/02/10 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书
春节慰问简报
2015/07/21 职场文书
python 逐步回归算法
2021/04/06 Python
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android