展开的话可以看到监听器的各种属性:
- listener:触发事件执行的函数
- once:该监听器只会触发一次
- passive:无法执行event.preventDefault(),通常用于提升监听器的性能,如
scroll
- type:监听事件类型
- useCapture:监听器会在 Capture 阶段拦截事件
以上属性都是在执行 addEventListener
时所能够提供的参数,别忘了在 removeEventListener
时也要填入相同的参数才能除监听器。
1 2 3 4 5 6 7 |
|
queryObjects
queryObjects(object)
官方说明是返回 Constructor 产生的所有实例,不过我的理解是:返回所有原型链中包含该原型的对象。
可以看到以 a
为原型创建的 b
也会出现在 queryObjects(A)
的结果中。
另外由于 queryObjects
并不会直接返回数组,所以要点右键菜单中的 Store as global variable
把数组放进变量 temp1
。
copy
copy(object)
copy
能够把 DOM 或对象复制到剪贴板,我有时会用 copy
把对象转为 JSON 并粘贴到接口文档中,或者在控制台中快速创建或修改假数据。
还很贴心的加上了缩进
keys, values
keys(object)
, values(object)
输出对象本身的所有 key 或 value,效果与 Object.keys(object)
,Object.values(object)
相同,为什么要强调自身呢?如果是用 in
来遍历对象的每个属性,就会把原型链上所有的属性全都拿出来出来跑一遍:
1 2 3 4 5 6 7 |
|
除了自身的 key,还要 enumerable or not.)。
如果想要确认属性是否是定义在对象本身可以用 Object.prototype.hasOwnProperty
:
1 2 3 4 5 6 |
|
至于为什么不用 object.hasWonProperty(key)
,请参考下面的代码:
1 2 3 4 5 6 7 8 9 10 11 12 |
|
clear
clear()
注意在 Preserve log 开启的情况下不能用 clear 清空 Console。
更多编程相关知识,请访问:编程视频!!
以上就是你可能不知道的Chrome Debug专用的函数!的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《Chrome》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者