主页 / 网络编程 /

JavaScript中的一些实用小技巧总结

网络编程 2021-07-04 15:50www.168986.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 来返回不同的内容
上一篇：vue router 组件的高级应用实例代码 下一篇：详解vue 不同环境配置不同的打包命令

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by