7个好用的JavaScript技巧分享(译)
前言
就像所有其他编程语言一样,JavaScript也有许多技巧可以完成简单和困难的任务。一些技巧广为人知,而其他技巧则足以让你大吃一惊。让我们来看看你今天就可以开始使用的七个JavaScript技巧吧!
原文链接:davidwalsh.name/javascript-…
数组去重
数组去重可能比您想象的更容易:
varj=[...newSet([1,2,3,4,4])] >>[1,2,3,4]
很简单有木有!
过滤掉falsy值
是否需要从数组中过滤出falsy值(0,undefined,null,false等)?你可能不知道还有这个技巧:
letres=[1,2,3,4,0,undefined,null,false,''].filter(Boolean); >>1,2,3,4
创建空对象
您可以使用{}创建一个看似空的对象,但该对象仍然具有__proto__和通常的hasOwnProperty以及其他对象方法。但是,有一种方法可以创建一个纯粹的“字典”对象:
letdict=Object.create(null); //dict.__proto__==="undefined" //Noobjectpropertiesexistuntilyouaddthem
这种方式创建的对象就很纯粹,没有任何属性和对象,非常干净。
合并对象
在JavaScript中合并多个对象的需求已经存在,尤其是当我们开始使用选项创建类和小部件时:
constperson={name:'DavidWalsh',gender:'Male'}; consttools={computer:'Mac',editor:'Atom'}; constattributes={handsomeness:'Extreme',hair:'Brown',eyes:'Blue'}; constsummary={...person,...tools,...attributes}; /* Object{ "computer":"Mac", "editor":"Atom", "eyes":"Blue", "gender":"Male", "hair":"Brown", "handsomeness":"Extreme", "name":"DavidWalsh", } */
这三个点(...)使任务变得更加容易!
Require函数参数
能够为函数参数设置默认值是JavaScript的一个很棒的补充,但是请查看这个技巧,要求为给定的参数传递值:
constisRequired=()=>{thrownewError('paramisrequired');}; consthello=(name=isRequired())=>{console.log(`hello${name}`)}; //Thiswillthrowanerrorbecausenonameisprovided hello(); //Thiswillalsothrowanerror hello(undefined); //Thesearegood! hello(null); hello('David');
解构添加别名
解构是JavaScript的一个非常受欢迎的补充,但有时我们更喜欢用其他名称来引用这些属性,所以我们可以利用别名:
constobj={x:1}; //Grabsobj.xas{x} const{x}=obj; //Grabsobj.xas{otherName} const{x:otherName}=obj;
有助于避免与现有变量的命名冲突!
获取查询字符串参数
获取url里面的参数值或者追加查询字符串,在这之前,我们一般通过正则表达式来获取查询字符串值,然而现在有一个新的api,具体详情可以查看这里,可以让我们以很简单的方式去处理url。
比如现在我们有这样一个url,"?post=1234&action=edit",我们可以利用下面的技巧来处理这个url。
//Assuming"?post=1234&action=edit" varurlParams=newURLSearchParams(window.location.search); console.log(urlParams.has('post'));//true console.log(urlParams.get('action'));//"edit" console.log(urlParams.getAll('action'));//["edit"] console.log(urlParams.toString());//"?post=1234&action=edit" console.log(urlParams.append('active','1'));//"?post=1234&action=edit&active=1"
比我们过去用的容易多了!
多年来JavaScript已经发生了很大的变化,但是我最喜欢的JavaScript部分是我们所看到的语言改进的速度。尽管JavaScript的动态不断变化,我们仍然需要采用一些不错的技巧;将这些技巧保存在工具箱中,以便在需要时使用!
那你最喜欢的JavaScript技巧是什么?
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对毛票票的支持。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。