81 lines
1.0 KiB
Markdown
81 lines
1.0 KiB
Markdown
|
||
|
||
### 方法的注释
|
||
|
||
|
||
方法写完之后(注意,一定要先写完整),我们在方法的前面输入`/**`,然后回车,会发现,注释的格式会自动补齐。
|
||
|
||
比如:
|
||
|
||
|
||
|
||
```javascript
|
||
/**
|
||
* 功能:给定元素查找他的第一个元素子节点,并返回
|
||
* @param ele
|
||
* @returns {Element|*|Node}
|
||
*/
|
||
function getFirstNode(ele){
|
||
var node = ele.firstElementChild || ele.firstChild;
|
||
return node;
|
||
}
|
||
```
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
### 断点调试
|
||
|
||
(1)先让程序运行一遍。
|
||
|
||
(2)f12,弹出代码调试工具
|
||
|
||
(3)打断点:
|
||
|
||
![](http://img.smyhvae.com/20180124_2035.png)
|
||
|
||
然后刷新页面。
|
||
|
||
(4)一步步调试,每点击一次,执行一步:
|
||
|
||
![](http://img.smyhvae.com/20180124_2036.png)
|
||
|
||
(5)监视变量:
|
||
|
||
当然,也可以添加变量或者表达式到监视窗口。操作如下:
|
||
|
||
![](http://img.smyhvae.com/20180124_2037.png)
|
||
|
||
上图中,选择变量或表达式,然后右键add to watch.
|
||
|
||
然后监视窗口:
|
||
|
||
![](http://img.smyhvae.com/20180124_2038.png)
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|