今天分享几个少见却很有用的 JS 技巧

今天分享几个少见却很有用的 JS 技巧

技巧一:使用逻辑运算符对变量进行赋值

在 JavaScript 中,逻辑运算符可以用来对变量进行赋值。比如,我们想要将一个变量的值限制在某一范围内,可以使用以下方式:

var num = 5;

num = (num <= 10) ? num : 10;
console.log(num); // 输出5

num = (num <= 5) ? num : 5;
console.log(num); // 输出5

num = (num <= 2) ? num : 2;
console.log(num); // 输出2

上面的代码中,使用了三次逻辑运算符对 num 进行赋值。每一次运算的意义是:如果 num 的值符合条件(比如小于等于某一个数),则不进行赋值;否则将其赋值为对应的值(比如上例中的10、5或者2)。

技巧二:使用方法解构来获取多个返回值

在 JavaScript 中,函数返回值可以是一个对象。如果一个函数返回的对象有多个属性,我们可以使用解构来获取其中的某些属性。但是,很多人可能不知道的是,我们也可以使用同样的方法获取函数的多个返回值。下面是一个例子:

function getNumbers() {
  return {
    x: 1,
    y: 2,
    z: 3
  };
}

const {x, y, z} = getNumbers();
console.log(x, y, z); // 输出1 2 3

上面的代码中,我们定义了一个函数 getNumbers,用来返回一个对象,包含了 xyz 三个属性。然后,我们使用解构的方式将这三个属性分别赋值给了三个变量 xyz

总结

通过上面两个技巧的示例,我们可以看到,JavaScript 提供了很多有用的小技巧,可以帮助我们更加方便地编写代码。当然,这只是冰山一角,还有很多其他的技巧 waiting for us to explore!

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:今天分享几个少见却很有用的 JS 技巧 - Python技术站

(0)
上一篇 2023年5月18日
下一篇 2023年5月18日

相关文章

  • JavaScript 常见安全漏洞和自动化检测技术

    JavaScript 常见安全漏洞和自动化检测技术 JavaScript 是一门广泛应用于 Web 前端开发的编程语言,但是也因为其执行在客户端的特性,容易受到各种攻击,例如 XSS(跨站脚本攻击)、CSRF(跨站请求伪造)等。因此,在使用 JavaScript 开发 Web 应用时,需要特别注意一些安全漏洞。 常见的 JavaScript 安全漏洞 跨站脚…

    JavaScript 2023年5月19日
    00
  • JavaScript基础语法之js表达式

    让我们一起来详细讲解一下“JavaScript基础语法之js表达式”的完整攻略。 什么是JavaScript表达式? JavaScript表达式是JavaScript中计算值的一种方法。表达式可以是简单的数学计算、变量、函数调用,或者由运算符和操作数组成的复杂语句。在JavaScript中,任何使用分号(;)结尾的操作都是表达式。 在JavaScript中,…

    JavaScript 2023年5月18日
    00
  • js中Math之random,round,ceil,floor的用法总结

    js中Math之random,round,ceil,floor的用法总结 在JavaScript(简称JS)中,Math对象是一个内置对象,它涵盖了一系列数学函数和常数。 本篇攻略主要介绍Math对象中的 random(), round(), ceil() 和 floor() 这四个常用函数的用法。 1. random() random() 函数返回一个浮点…

    JavaScript 2023年5月27日
    00
  • JavaScript中实现sprintf、printf函数

    在JavaScript中,有时候需要格式化字符串输出,针对此需求,可以使用sprintf、printf函数来实现。 sprintf函数的实现 sprintf函数的作用是将指定的格式化字符串输出到一个字符串中。JavaScript中没有原生实现sprintf函数的方法,但是可以通过自定义实现函数来达到此目的。 下面是一个使用sprintf函数实现字符串格式化输…

    JavaScript 2023年5月27日
    00
  • element-ui树形控件后台返回的数据+生成组织树的工具类

    生成树形组织结构需要以下两个步骤: 后台返回的数据必须是一个符合规范的JSON格式的树形结构。 例如,以下是符合规范的树形JSON数据结构示例: [ { "id": 1, "name": "Node1", "children": [ { "id": 2, &q…

    JavaScript 2023年6月10日
    00
  • js获得当前系统日期时间的方法

    当需要获取当前系统日期和时间的时候,可以使用JavaScript内置的Date对象。下面是使用Date对象获取当前时间的方法。 方法一:使用内置方法 可以通过巧妙地使用Date对象中的方法实现获取当前时间。代码如下: const now = new Date(); const year = now.getFullYear(); const month = n…

    JavaScript 2023年5月27日
    00
  • javascript if条件判断方法小结

    下面为大家详细讲解“JavaScript if条件判断方法小结”的完整攻略。 1. if条件语句 if语句是JavaScript中最常用的条件判断语句。它的基本语法结构如下: if (condition) { // 如果condition为真,则执行这里的代码 } else { // 如果condition为假,则执行这里的代码 } 其中,condition…

    JavaScript 2023年6月10日
    00
  • 教你如何使用 JavaScript 读取文件

    首先我们来讲一下使用 JavaScript 读取文件的基本步骤。 1. 创建一个 input 元素 <input type="file" id="inputFile"> 我们需要在 HTML 中创建一个 input 元素,并设置其 type 属性为 file,获取用户从本地计算机中选择的文件。 2. 监听 …

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部