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

相关文章

  • DOM基础教程之事件类型

    下面是关于“DOM基础教程之事件类型”的完整攻略: 1. 什么是事件? 事件是指用户在与页面进行交互时所发生的情况,如鼠标点击、键盘敲击、表单提交等。开发者可以通过JavaScript代码来响应这些事件,从而实现与用户进行有效的交互。 2. 事件类型 DOM中常见的事件类型有: 鼠标事件:onclick, ondblclick, onmousedown, o…

    JavaScript 2023年6月10日
    00
  • 每天一篇javascript学习小结(Array数组)

    下面我就来详细讲解“每天一篇javascript学习小结(Array数组)”的完整攻略。 一、介绍 本攻略旨在帮助初学者逐步深入了解javascript,重点介绍Array数组的相关内容。每天发布一篇小结,从基础到进阶,逐渐提高学习难度。 二、学习内容 常规操作:Array的创建、增删改查、遍历、排序等; 高阶函数:map、reduce、filter等; 扩…

    JavaScript 2023年6月1日
    00
  • 简单了解three.js 着色器材质

    了解three.js中着色器材质需要掌握一些基础知识,包括WebGL和着色器语言,以下是简要介绍: WebGL是一种基于浏览器的图形技术,使用GPU加速渲染三维图形,支持多种着色器材质。 着色器是一种程序,用于定制渲染模型的外观和行为,通过GPU进行加速渲染,包括片元着色器和顶点着色器两种类型。 three.js是WebGL的一个库,提供了主流的三维图形渲染…

    JavaScript 2023年6月10日
    00
  • html读出文本文件内容

    当我们需要读取文本文件内容并将其显示在网页上时,我们可以使用 HTML 中的 <pre> 标签,该标签会保留文本中的空格、回车和制表符等格式。但是,为了将文件内容读取到 HTML 中,我们需要借助服务器端脚本语言如 PHP、Python 等。 以下是一个 PHP 的示例: 在 HTML 文件中添加以下代码: <div> <?ph…

    JavaScript 2023年5月27日
    00
  • js字符串截取函数substr substring slice使用对比

    JS中操作字符串的时候,会用到截取字符串的函数,这篇攻略介绍substr、substring和slice三种常用的截取字符串函数,并进行对比。 substr substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。 语法:string.substr(start, length) 参数说明:- start:必需,一个整数,规定字符串中开…

    JavaScript 2023年5月28日
    00
  • JSON stringify方法原理及实例解析

    JSON stringify方法原理及实例解析 JSON.stringify() 方法概述 JSON.stringify() 方法是 JSON 对象中的方法,用于将 JavaScript 对象转换为一个字符串。它可以将一个 JavaScript 对象序列化成一个 JSON 字符串,也可以对对象进行过滤、控制转换过程以及自定义替换值等操作。 语法如下: JSO…

    JavaScript 2023年5月27日
    00
  • 前端面试知识点锦集(JavaScript篇)

    下面我将详细讲解“前端面试知识点锦集(JavaScript篇)”的完整攻略。 本文概述 在本篇文章中,我们将总结并详细讲解一些前端面试中常见的JavaScript知识点,包括数据类型、变量、作用域、闭包、原型链、异步编程等等。这些知识点在前端开发中非常重要,也是面试中经常会问到的内容。 JavaScript数据类型 JavaScript有七种数据类型,分别是…

    JavaScript 2023年5月18日
    00
  • 实现javascript的延期执行或者重复执行的两个函数

    实现 JavaScript 的延期执行或重复执行,常用两个函数:setTimeout 和 setInterval。以下是详细攻略: setTimeout setTimeout 函数可以延迟指定时间后执行一次函数。 该函数的第一个参数是要执行的函数或要执行的代码,第二个参数是需要延迟的时间,单位是毫秒。 setTimeout 函数返回一个 ID,我们可以通过该…

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