分享更有价值
被信任是一种快乐

JavaScript开发技巧是什么

文章页正文上

本篇内容介绍了“JavaScript开发技巧是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1. 有条件地向对象添加属性我们可以使用展开运算符号(…)来有条件地向 JS 对象快速添加属性。如果每个操作数的值都为 true,则 && 操作符返回最后一个求值表达式。因此返回一个对象{age: 16},然后将其扩展为person对象的一部分。如果 condition 为 false,JavaScript 会做这样的事情:2.检查属性是否存在对象中可以使用 in 关键字来检查 JavaScript 对象中是否存在某个属性。3.对象中的动态属性名称使用动态键设置对象属性很简单。只需使用[‘key name’]来添加属性:同样的技巧也可用于使用动态键引用对象属性:4. 使用动态键进行对象解构我们知道在对象解构时,可以使用 : 来对解构的属性进行重命名。但,你是否知道键名是动态的时,也可以解构对象的属性?现在,我们用动态键来解构属性:5. 空值合并 ?? 操作免费云主机、域名当我们想检查一个变量是否为 null 或 undefined 时,??操作符很有用。当它的左侧操作数为null 或 undefined时,它返回右侧的操作数,否则返回其左侧的操作数。在第三个示例中,返回 0,因为即使 0 在 JS 中被认为是假的,但它不是null的或undefined的。你可能认为我们可以用||算子但这两者之间是有区别的你可能认为我们可以在这里使用 || 操作符,但这两者之间是有区别的。6.可选链 ?.我们是不是经常遇到这样的错误: TypeError: Cannot read property ‘foo’ of null。这对每一个毅开发人员来说都是一个烦人的问题。引入可选链就是为了解决这个问题。一起来看看:还可以使用如下函数可选链:7. 使用 !! 操作符!! 运算符可用于将表达式的结果快速转换为布尔值(true或false):8. 字符串和整数转换使用 + 操作符将字符串快速转换为数字:要将数字快速转换为字符串,也可以使用 + 操作符,后面跟着一个空字符串:这些类型转换非常方便,但它们的清晰度和代码可读性较差。所以实际开发,需要慎重的选择使用。9. 检查数组中的假值大家应该都用过数组方法:filter、some、every,这些方法可以配合 Boolean 方法来测试真假值。下面是它的工作原理。我们知道这些数组方法接受一个回调函数,所以我们传递 Boolean 作为回调函数。Boolean 函数本身接受一个参数,并根据参数的真实性返回 true 或 false。所以:等价于:10. 扁平化数组在原型 Array 上有一个方法 flat,可以从一个数组的数组中制作一个单一的数组。你也可以定义一个深度级别,指定一个嵌套的数组结构应该被扁平化的深度。例如:11.Object.entries大多数开发人员使用 Object.keys 方法来迭代对象。 此方法仅返回对象键的数组,而不返回值。 我们可以使用 Object.entries 来获取键和值。为了迭代一个对象,我们可以执行以下操作:上述两种方法都返回相同的结果,但 Object.entries 获取键值对更容易。12.replaceAll 方法在 JS 中,要将所有出现的字符串替换为另一个字符串,我们需要使用如下所示的正则表达式:但是在 ES12 中,一个名为 replaceAll 的新方法被添加到 String.prototype 中,它用另一个字符串值替换所有出现的字符串。13.数字分隔符可以使用下划线作为数字分隔符,这样可以方便地计算数字中0的个数。下划线分隔符也可以用于BigInt数字,如下例所示14.document.designMode与前端的JavaScript有关,设计模式让你可以编辑页面上的任何内容。只要打开浏览器控制台,输入以下内容即可。15.逻辑赋值运算符逻辑赋值运算符是由逻辑运算符&&、||、??和赋值运算符=组合而成。检查a的值是否为真,如果为真,那么更新a的值。使用逻辑或 ||操作符也可以做同样的事情。使用空值合并操作符 ??:注意:??操作符只检查 null 或 undefined 的值。“JavaScript开发技巧是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注云技术网站,小编将为大家输出更多高质量的实用文章!

相关推荐: CSS DIV使用技巧有哪些

本篇内容主要讲解“CSS DIV使用技巧有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS DIV使用技巧有哪些”吧!  当我们写字体样式的时候,我们也许会这样子写 其实,这样写是完全多余的,我可以只用fo…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册