mirror of
https://github.com/qianguyihao/Web.git
synced 2024-10-30 04:24:44 +08:00
2.6 KiB
2.6 KiB
方法的注释
方法写完之后(注意,一定要先写完整),我们在方法的前面输入/**
,然后回车,会发现,注释的格式会自动补齐。
比如:
/**
* 功能:给定元素查找他的第一个元素子节点,并返回
* @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(obj2, obj1);
上方代码中,是将obj1
的值追加到obj2
中。如果对象里的属性名相同,会被覆盖。
2019-11-25-在新的窗口中打开url
在原来的窗体中跳转到新页面:
window.location.href="要跳转的新页面";
在新窗体中打开新页面:
window.open('你所要跳转的新页面');
2019-12-10-JavaScript 新特性:Optional Chaining(可选链式调用)语法
以往写代码,我们一般都这么写:
if (result && result.user && result.user.name && result.user.name.length) {
console.log('qianguyihao');
}
有了 Optinal Chain 语法之后,就简洁很多了,可以这么写:
if (result?.user?.name?.length) {
console.log('qianguyihao');
}
参考链接:
-
了解 JavaScript 新特性:Optional Chaining:https://www.infoq.cn/article/2JDORgXrU6VmZ7jlyuFD
2020-04-28-判断字符串的包含关系
var str = 'qiangu2';
if (str == ('qiangu1' || 'qiangu2')) {
console.log('qianguyihao');
}
注意,上面的代码,根本就不会走 console.log 语句,因为if里面的内容是false。
如果我们要判断变量 str
是否在 qiangu1、qiangu2
的合集里,我们应该这样写:
var str = 'qiangu2';
if (str == 'qiangu1' || str == 'qiangu2') {
console.log('qianguyihao');
}