1. 首页
  2. IT资讯

7个有用的 JavaScript 小技巧

“u003Cdivu003Eu003Cpu003E正如其他编程语言一样,JavaScript也有许多技巧完成各种由易到难的任务。其中有一些已经广为人知,但其他的一些足以让你大吃一惊。接下来让我们一起学习7个你今天就能上手使用的JavaScript小技巧! u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E获得一个不含重复值的数组u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E获取一个不含重复值的数组可能比你想象的要简单的多:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F48f3c0ac426a4f23a2821fd396bb7903″ img_width=”1242″ img_height=”124″ alt=”7个有用的 JavaScript 小技巧” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E我非常喜欢剩余运算符(三点运算符)和Set的组合方式!u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E数组和布尔值u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E想从数组中过滤掉Falsy类型的值(JavaScript中Falsy类型值包括0, undefined, null, false等)?你可能不知道这个技巧:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F6c459b2957d54bb9bdba26ed5f1c35af” img_width=”1242″ img_height=”232″ alt=”7个有用的 JavaScript 小技巧” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E只要传入 Boolean,然后这些布尔类型的值就从数组中去掉了。u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E创建空对象u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E当然你可以使用”{}”符号来创建一个看起来是空的对象,但是实际上这个对象仍然拥有一个__proto__属性和 常见的hasOwnProperty方以及其他对象方法。然而,我们确实有一种方式可以创建一个纯粹意义上的的空字典对象:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002Fc4f4cce652a54e0cb432443889a03a6c” img_width=”1246″ img_height=”168″ alt=”7个有用的 JavaScript 小技巧” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E这个对象只会包含你给它添加的属性和方法!u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E合并对象u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003EJavaScript 中合并多个对象的需求一直都存在着,特别是在创建多选项的类和组件时:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F220cc72142bd43e2b62bae0e1d3ac1ae” img_width=”1254″ img_height=”522″ alt=”7个有用的 JavaScript 小技巧” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E那些“三点操作符”让任务变得如此简单!u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E必传的函数参数u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003EJavaScript中能够设置方法参数的默认值曾是一个非常棒的特性,来看看设置必传的函数参数技巧:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F63f219157ac8445e921d34fe5ee65a34″ img_width=”1260″ img_height=”446″ alt=”7个有用的 JavaScript 小技巧” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E这是些高级的校验和JavaScript的用法!u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E解构赋值(Destructuring)别名u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E解构赋值(Destructuring)是JavaScript中很受欢迎的一种特性,但是有些情况下,我们希望有办法通过额外的名字来获取特定属性的值,这个时候,我们可以使用别名(aliases)来实现:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002Fe06a42df1e484be99a44a49110fa57af” img_width=”1242″ img_height=”266″ alt=”7个有用的 JavaScript 小技巧” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E在给变量命名时,避免和已有的变量名冲突上非常有用!u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E获取查询的字符串参数u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E一直以来我们需要通过写各种复杂的正则表达式来获取查询字符串的值,但是那些日子将一去不复还了。现在,令人惊喜的是,我们可以通过URLSearchParams接口来获取了:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F598ca906eb4e454f930582ed41bd6d44″ img_width=”1260″ img_height=”362″ alt=”7个有用的 JavaScript 小技巧” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E比曾经通过正则表达式的方式简单了许多!u003Cu002Fpu003Eu003Cpu003EJavaScript这些年来的变化非常大,它的改进的速度也是有目共睹的。除了这些,我们依旧需要许许多多的小技巧帮助我们;把这些小技巧赶紧放入你的工具箱,需要时能马上派上用场!u003Cu002Fpu003Eu003Cpu003E哪些是你最新喜欢的小技巧呢?u003Cu002Fpu003Eu003Cblockquoteu003E英文原文:https:u002Fu002Fdavidwalsh.nameu002Fjavascript-tricks 译者:Zoeu003Cu002Fblockquoteu003Eu003Cu002Fdivu003E”

原文始发于:7个有用的 JavaScript 小技巧

主题测试文章,只做测试使用。发布者:熱鬧獨處,转转请注明出处:http://www.cxybcw.com/10832.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code