ES6——使用||和&&来简化代码

最新推荐文章于 2022-09-14 18:07:20 发布
最新推荐文章于 2022-09-14 18:07:20 发布
阅读量1.5k 收藏 3
点赞数 2
分类专栏： 工作_前端 文章标签： vue.js es6 node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38892842/article/details/107197486
版权

ES6中 && 和 ||

a() && b();如果执行a()后返回true，则执行b()并返回b的值；如果执行a()后返回false，则整个表达式返回a()的值，b()不执行；
a() || b() :如果执行a()后返回true，则整个表达式返回a()的值，b()不执行；如果执行a()后返回false，则执行b()并返回b()的值；
&& 优先级高于 ||
a() && b()||c();如果执行a()后返回true,则执行b()并返回b的值，不执行c()；如果执行a()后返回false，则执行c()并返回c()的值；

qq_38892842
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于ES6作用域和解构赋值详解
08-28
然而，ES6引入了一种新的作用域类型——块级作用域，主要通过`let`和`const`关键字来实现。 1. `var`声明的变量具有函数作用域，即使在循环或条件语句中定义，它们仍然可以在花括号外部被访问。这意味着`var`存在...
JS面向对象编程——ES6 中class的继承用法详解
11-21
`class`关键字的使用大大简化了对象的创建和继承过程，使得代码更加清晰易懂。 ### 基本介绍 在JavaScript中，类的继承可以通过`extends`关键字实现。例如，我们定义一个`Father`类和一个`Son`类： ```javascript...
ES6---几个优雅的运算符使用技巧(?. ??= ||= &&=)
COCOLI_BK的博客
09-14 562
1. 使用可选链式调用 2.逻辑空分配（?? =） 3.逻辑或分配（|| =） 4. 逻辑与分配（&& =）
分享一篇阮老师关于ES6运算符扩展，浅显易懂！
前端达人
07-12 322
大家好，今天分享阮一峰老师的一篇类似的文章，里面的分析和代码都很详细，希望对你有所帮助。目录指数运算符链判断运算符Null 判断运算符逻辑赋值运算符1.指数运算符ES2016 新增了一个指...
ES6中&&和 __ 鲜为人知的骚操作
乾复道
07-17 689
使用&&和 ||代表if/else判断语句
ES6 => new Set || map||...解构赋值
weixin_34390996的博客
12-26 394
1. new Set() 数组去重 let arr = [1, 3, 3, 4]; let set = new Set(arr); let newArr = Array.from(set)// Array.from方法可以将 Set 结构转为数组。 console.log(newArr) // [1, 2, 3] 复制代码2. Object.assign() Object.assign(...
ES6中用&&与||来简化if{}else{}写法
u010565037的博客
05-27 2159
1.if{}else{}写法 const o = {v: 100}; if (o) { console.log('有值：' + v.o) } else { console.log('无值') } 如果传入的对象为非空，则打印对象的属性值；否者无输出值。 2.ES6中用&&与||用法 const o = {v: 100}; const t = o && o.v; // 100 const b = false; const t1 = b || '10
前端技术栈: css和ES6
最新发布
06-19
本文将详细探讨这两个知识点，并结合提供的资源——"深入解析CSS.pdf"和"深入理解ES6.pdf"，帮助你深化对它们的理解。 **CSS（Cascading Style Sheets）** 是用于描述HTML或XML（包括SVG、MathML等各种XML方言）...
原生JavaScript之es6中Class的用法分析
10-15
在JavaScript的ES6标准中，引入了一种新的语法特性——Class，这使得JavaScript的面向对象编程变得更加简洁和直观。Class的出现是对ES5中基于原型的面向对象编程方式的一个补充，提供了一种更加接近传统面向类的语言...
[课程]AngularJS1.x组件和ES6课程的代码_JavaScript_HTML_下载.zip
04-21
在本次的“AngularJS 1.x组件和ES6课程”中，我们将深入探讨AngularJS 1.x框架中的组件化概念以及如何结合现代JavaScript语法——ES6（ECMAScript 2015）来提升开发效率和代码质量。AngularJS 1.x是Google推出的MVC...
ECMAScript6
m0_46337171的博客
01-06 166
目录前言1.ECMAScript6 简介1.1 ECMAScript 和 JavaScript 的关系1.2 ES6 与 ECMAScript 2015 的关系2.搭建前端环境2.1 Node 环境2.1.1 什么是Node.js2.2 NPM环境2.2.1 什么是NPM3. ES6基本语法3.1 let声明变量3.2 const声明常量3.3 解构赋值3.3.1 数组解构3.3.2 对象解构3.4 模板字符串3.4.1 定义多行字符串3.4.2 字符串插入变量和表达式3.4.3 字符串中调用函数3.5 声
面试题多个判断条件 a||b||c 及a&&b&&c
weixin_42549581的博客
04-15 6370
var a=1&&2 //1为false则不判断2,如果1为true则继续判断2 执行后a=2 console.log(a) //2 var a=1||2 //1为true则不判断2 console.log(a) //1 var c; // undefined var a=c||2 //c无值则继续...
ES6新特性——2.函数
weixin_44154094的博客
06-19 177
1.函数 1.1函数默认值 es5: function add(a,b){ a = a || 10; b = b || 20; return a + b } es6: function add(a=10, b=20){ return a + b } 1.2函数默认表达式可以是一个函数 function add(a, b=getVal(5)){ return a + b } function getVal(val){ return val + 1 } add(20) 1.
JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性
Lenny-zlp的博客
03-02 3146
作者：小豪看世界 https://segmentfault.com/a/1190000039272641 本文集合了 ES6 至 ES11 常用到的特性，包括还在规划的 ES12，只列举大概使用，详细介绍的话内容量将十分巨大.。PS：使用新特性需要使用最新版的 bable 就行转义 新特性 ES6（2015） 1. 类（class） class Man { constructor(name) { this.name = '小豪'; } console() { console.
js短路运算&&和|| - Kaiqisan
Kaiqisan的博客
08-10 153
短路运算&&和|| ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである,这次讲讲在代码生活中经常会碰到，但是容易记混和忘记的俩方法------短路运算。 逻辑与 && 的运算方式 var a = 5 && 6; console.log(a); //返回的结果为 6 如果左边的值强转布尔类型之后是true 那么把右边的值赋给a,反之就是把左边的值赋给a 它等价于 var a = getContext(val1, val2) funct
ElasticSearch的一点结构理解「DSL」&& 「基本查询语句」
shaun的博客
08-29 607
文章目录前言一、DSL二、使用步骤1.引入库2.读入数据总结 前言 es作为一个搜索引擎，自然有自己一套DSL语句的写法，本片就简单的较少一些简单的DSL语句和请求方式。 一、DSL 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns i
js中var a= b || c的写法
C_william的博客
10-25 7963
var a= b || c，在js中，这相当于一个赋值语句，如果b的值大于0或为true，那么就把b的值赋给a，否在就把c的值赋给a 　　布尔值，javascript中以下值会被转换为false 　　false 　　undefined 　　null 　　0 　　-0 　　NaN 　　"" 　　''
ES6 解构赋值
A-Select °
04-02 123
概述 解构赋值是对赋值运算符的扩展。 他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。 在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。 解构模型 在解构中，有下面两部分参与： 解构的源，解构赋值表达式的右边部分。 解构的目标，解构赋值表达式的左边部分。 数组模型的解构（Array） 基本 let [a, b, c] = [1, 2, 3]; // a =...
es6 变量&&常量 声明方式 let 语法解释
BookNoteY的博客
07-16 1002
变量&&常量 声明 关键字： let; const 特性：块级作用域;变量不可重复定义（名不可以相同）;防止变量泄露 for(let i=1;){} 外部 i 不存在 块级作用域 { let a = 1;console.log(a);} console.log(a); //{} 是一块 a 则是这一块里面的变量 外部调用则报错 Uncaught ReferenceError...
es6语法怎么使用&&
04-22
ES6语法可以用于JavaScript编程。下面是一些ES6语法的示例： - let和const：用于声明变量和常量，取代了旧的var关键字。 - 箭头函数：更短的语法形式，可以减少代码量。 - spread操作符：用于展开数组和对象。 - 模板字符串：可以方便地插入变量和表达式。 - 解构赋值：用于快速和方便地将数据从数组和对象中提取出来。 在实际开发中，可以通过使用Babel等工具将ES6代码转换为ES5代码，以便在较旧的浏览器中运行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值