JavaScript中的一些实用小技巧总结
编程学习 2021-07-04 15:50www.dzhlxh.cn编程入门
这篇文章主要给大家总结介绍了关于JavaScript中的一些实用小技巧，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们狼蚁网站SEO优化来一起学习学习吧
前言
这篇文章主要记录一下平时自己实践得到的, 博客中学习的以及在一些项目源码中看到的 javascript 技巧。有些东西可以说是奇淫技巧，有些可能是 ES6+ 中一些比较具有实用性的新语法。
&& 和 || 的妙用
有时候我们需要在某个函数或变量为 true 时执行另外一个函数。例如:
const task1 = () => {
console.log('执行 task1');
return Math.random() >= 0.5;
}
const task2 = () => console.log('task1 执行成功后执行 task2');
if (task1()) task2();
上面的 if 语句可以使用 && 直接简写为:
task1() && task2();
如果还要在 task1 失败(也就是task1返回false)后执行 task3, 可以使用:
const task3 = () => console.log('task1 执行失败后执行 task3');
task1() && task2() || task3();
本质上还是利用了 && 和 || 的短路特性。
其实这里使用条件运算符也是可以的:
task1() ? task2() : task3();
狼蚁网站SEO优化展示一个我最近使用 react hooks 开发的项目的的一个代码片段:
const ProfileItem = (props) => {
const { name, value, render } = props;
return (
<div className="profile-item">
<span className="item-name">{name}</span>
<form action="">
{/* 根据是否有 render 这个 props 来返回不同的内容 *