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

yizhihongxing

今天分享几个少见却很有用的 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日

相关文章

  • C#实现将javascript文件编译成dll文件的方法

    下面是详细讲解“C#实现将JavaScript文件编译成DLL文件的方法”的完整攻略: 1. 准备工作 在开始之前,你需要安装以下工具: Visual Studio(建议安装2019版本或更高版本) Jurassic 一个基于.NET的javascript解释器 2. 创建新的C#项目 打开Visual Studio,创建一个新的Class Library项…

    JavaScript 2023年5月27日
    00
  • js Element Traversal规范中的元素遍历方法

    JS Element Traversal规范在DOM操作中提供了一些方便的元素遍历方法,能够帮助我们更方便地查找或操作页面元素。 其中主要包括以下几个方法: children element.children方法会返回指定元素的所有子元素节点,不包含文本节点或注释节点。 示例: <div id="parent"> <p&…

    JavaScript 2023年6月10日
    00
  • LazyLoad 延迟加载(按需加载)

    LazyLoad 延迟加载(按需加载)是一种在页面加载时,只加载当前视窗内所需要的部分内容,避免不必要的资源浪费和页面加载时间过长的现象。这种技术在网站中的应用非常常见。 实现方式 实现LazyLoad延迟加载的方式有多种,其中最常见的是使用JavaScript库。以下是一些常见的JavaScript库:- Layzr.js:轻量级、易扩展和可定制,可用于图…

    JavaScript 2023年6月11日
    00
  • 获取客户端电脑日期时间js代码(jquery)

    获取客户端电脑日期时间的js代码可以通过javascript的内置Date对象或者第三方库jquery来实现。下面我将详细介绍两种获取客户端电脑日期时间的js代码。 使用Date对象获取电脑日期时间 javascript内置Date对象提供了获取电脑日期时间的方法。可以通过以下代码实现: var now = new Date(); var year = no…

    JavaScript 2023年5月27日
    00
  • angularJs中datatable实现代码

    下面给出AngularJS中datatable实现代码的完整攻略,这里使用的是AngularJS版本为1.x,实现过程中需要使用一些第三方库来支持。攻略分成以下几个步骤: 步骤一 安装必需的依赖 在开始之前,你需要在本地安装以下库: jQuery:用于操作DOM和事件处理 Bootstrap:用于样式 AngularJS:主要的MVC框架 <!– j…

    JavaScript 2023年6月11日
    00
  • 详解JS数据类型的值拷贝函数(深拷贝)

    以下是详解JS数据类型的值拷贝函数(深拷贝)的攻略: 什么是深拷贝 在 JS 中,我们把变量分为两类:基础类型和引用类型。基本类型的值直接存储在栈(stack)中,而引用类型的值存储在堆(heap)中,变量实际上是一个指针指向对应的地址。因此,基础类型变量的修改不影响其他变量,而引用类型变量的修改会影响所有指向同一地址的变量。而深拷贝就是将原始数据类型和引用…

    JavaScript 2023年6月10日
    00
  • JavaScript文件上传的常见问题整理

    JavaScript文件上传是Web开发中常用的功能,但是在开发过程中也会出现一些常见问题。下面我给您讲解一下JavaScript文件上传的常见问题整理。 1. 文件上传的原理 文件上传的原理是通过form表单提交,form表单中需要使用标签项。选择文件后,将文件内容Post到服务器上的指定路径,服务器端处理完成后返回结果给浏览器。 2. 常见问题 2.1.…

    JavaScript 2023年5月19日
    00
  • js获取 gif 的帧数的代码实例

    下面是如何通过JavaScript获取gif图片的帧数的完整攻略: 获取gif的帧数 在JavaScript中获取gif的帧数,可以使用Image对象的onload事件,通过遍历每一帧来获取gif的帧数。具体步骤如下: 创建一个Image对象。 将src属性设置为gif图片的URL地址。 在Image对象上注册onload事件回调函数。 在回调函数中,可以通…

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