Webcourse/05-JavaScript进阶/JavaScript开发积累.md

方法的注释

方法写完之后（注意，一定要先写完整），我们在方法的前面输入/**，然后回车，会发现，注释的格式会自动补齐。

比如：

/**
 * 功能：给定元素查找他的第一个元素子节点，并返回
 * @param ele
 * @returns {Element|*|Node}
 */
function getFirstNode(ele){
    var node = ele.firstElementChild || ele.firstChild;
    return node;
}

断点调试

（1）先让程序运行一遍。

（2）f12，弹出代码调试工具

（3）打断点：

然后刷新页面。

（4）一步步调试，每点击一次，执行一步：

（5）监视变量：

当然，也可以添加变量或者表达式到监视窗口。操作如下：

上图中，选择变量或表达式，然后右键add to watch.

然后监视窗口：

2019-05-20-给数组、对象赋值

数组赋值的正确写法：

this.todayList.splice(0, 0, ...dataList);

对象赋值的正确写法：

Object.assign(this.dataObj, dataObj);

上方代码中，是将dataObj 的值追加到this.dataObj中。如果对象里属性名相同，会被覆盖。

2019-11-25-在新的窗口中打开url

在原来的窗体中跳转到新页面：

window.location.href="要跳转的新页面";

在新窗体中打开新页面：

window.open('你所要跳转的新页面');