今天分享几个少见却很有用的 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实现返回顶部按钮”的完整攻略。 一、先了解什么是返回顶部按钮 返回顶部按钮是指网站页面上的一个链接按钮,当网页向下滚动一定程度时,点击该按钮可以使网页返回顶部。返回顶部按钮可以方便用户快速返回到网页的最顶部,提高用户使用网站的体验度。 二、实现方法 1. 设置html结构和CSS样式 在页面的合适位置增加一个“返回顶部”按钮的…

    JavaScript 2023年6月11日
    00
  • JavaScript初级教程(第二课)第2/7页

    下面是JavaScript初级教程(第二课)第2/7页的完整攻略: 标题 JavaScript初级教程(第二课)第2/7页 正文 理解JavaScript中的数据类型 JavaScript中的数据类型包括基本数据类型和引用数据类型。基本数据类型有数字,字符串,布尔值,null,undefined。引用数据类型有对象和数组。 数组的定义和访问 JavaScri…

    JavaScript 2023年5月18日
    00
  • Html获取登陆用户名的示例代码

    获取登录用户名是Web开发中很常见的需求。本文将分享两个示例代码,分别使用前后端不同的技术,帮助你在自己的网站中获取登录用户名。 1. 基于后端Session的示例代码 如果你的网站是基于后端Session来实现用户登陆的,那么你可以使用下面的这段PHP代码来获取当前登录用户的用户名: <?php session_start(); if(isset($…

    JavaScript 2023年6月11日
    00
  • json格式的Ajax提交示例代码

    当我们需要使用Ajax提交数据到后台服务器,通常我们会使用JSON格式来传输数据。以下是JSON格式的Ajax提交示例代码的完整攻略: 步骤1:引入jQuery库 首先,我们需要在HTML文件中引入jQuery库文件,代码如下: <script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.…

    JavaScript 2023年6月10日
    00
  • JavaScript实现计算多边形质心的方法示例

    计算多边形质心的基本原理 在计算多边形质心之前,我们需要先了解计算质心的基本原理。 计算多边形质心的基本原理:多边形质心(又称为重心、形心)是该多边形所有点的坐标分别加权平均的结果,其中每个点的权重为这个点与多边形重心连线长度的平方与多边形面积的乘积(因此称为“权面积”)。 JavaScript实现计算多边形质心的方法示例 下面提供两种JavaScript实…

    JavaScript 2023年5月28日
    00
  • 关于JavaScript中的this指向问题总结篇

    详细讲解“关于JavaScript中的this指向问题总结篇”的完整攻略 一、背景及概述 JavaScript的this关键字是指向函数执行的上下文,但是在不同的情况下,this所指向的上下文可能会有所不同。前端工程师在编写JavaScript代码时,常常会遇到this指向问题,如何准确地理解和掌握this指向的问题,是我们开发高质量JavaScript代码…

    JavaScript 2023年6月10日
    00
  • javascript+css实现进度条效果

    下面是实现进度条效果的攻略: 1.基本原理 进度条通常是在页面的顶部或底部显示的,用来展示某个任务的完成进度。实现进度条的基本原理是,通过JavaScript控制元素的宽度达到动画效果。然后结合CSS使进度条更美观。 2. 实现步骤 2.1 HTML结构 首先需要在HTML中添加进度条的结构,通常情况下进度条是一个<div>元素,同时为了更好地控…

    JavaScript 2023年6月10日
    00
  • JS字符串函数扩展代码

    JS字符串函数扩展代码可以让我们在字符串处理中更加轻松灵活。下面将详细讲解该功能的实现方法和使用技巧。 如何实现字符串函数扩展 JS提供了在String原型中扩展函数的方法,可以通过给String.prototype添加新的方法来实现字符串函数的扩展。比如,我们可以为String.prototype添加名为reverse的方法: String.prototy…

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