当前位置: 首页 > article >正文

编程笔记 html5cssjs 076 Javascript 表达式

编程笔记 html5&css&js 076 Javascript 表达式

  • 一、JavaScript表达式
  • 二、示例
  • 总结

在JavaScript中,表达式是一种可以计算出值的结构。它可以是一个简单的字面量(如数字或字符串),一个变量名,或者更复杂的结构,比如算术、逻辑、比较和赋值表达式等。

一、JavaScript表达式

在JavaScript中,表达式是一种可以计算出值的结构。它可以是一个简单的字面量(如数字或字符串),一个变量名,或者更复杂的结构,比如算术、逻辑、比较和赋值表达式等。

二、示例

以下是几种类型的JavaScript表达式的例子:

  1. 字面量表达式

    // 数字字面量
    42
    
    // 字符串字面量
    "Hello, World!"
    
    // 布尔字面量
    true
    
  2. 变量引用表达式

    var myNumber = 42;
    var myString = "Hello";
    
    // 引用变量作为表达式
    myNumber
    myString
    
  3. 算术表达式

    // 加法
    var sum = 5 + 3;
    
    // 减法
    var difference = 8 - 2;
    
    // 乘法
    var product = 2 * 7;
    
    // 除法
    var quotient = 10 / 2;
    
  4. 比较表达式

    // 等于
    var isEqual = 5 === 5; // true
    
    // 不等于
    var isNotEqual = 5 !== 3; // true
    
    // 大于
    var isGreaterThan = 6 > 3; // true
    
    // 小于
    var isLessThan = 2 < 8; // true
    
  5. 逻辑表达式

    // 逻辑与 (and)
    var bothTrue = true && true; // true
    var oneFalse = true && false; // false
    
    // 逻辑或 (or)
    var eitherTrue = true || false; // true
    
    // 逻辑非 (not)
    var notTrue = !true; // false
    
  6. 条件(三元)表达式

    var age = 18;
    var canVote = age >= 18 ? "Yes" : "No"; // 结果为 "Yes"
    
  7. 赋值表达式

    // 简单赋值
    var x = 10; // 这个表达式的结果就是赋给x的值,即10
    
    // 复合(算术)赋值
    var y = 5;
    y += 3; // 相当于 y = y + 3; 结果y为8
    
  8. ES6中的简写属性赋值(解构)表达式

    let [a, b] = [1, 2];
    a; // 1
    b; // 2
    
  9. Null合并运算符(?.)空值合并运算符(??)(自ES2020起):

    const obj = { nested: { value: 'hello' } };
    const value1 = obj.nested?.value; // 如果nested存在则取value,否则返回undefined
    const value2 = obj.missingProp ?? 'default'; // 如果obj.missingProp存在且非null/undefined,则取其值,否则返回'default'
    

总结

每个表达式都会计算出一个具体的值,并且这个值可以在程序中用于进一步的计算、赋值或其他操作。


http://www.kler.cn/a/226993.html

相关文章:

  • 深入了解 Ansible:全面掌握自动化 IT 环境的利器
  • Activity的启动流程
  • 项目播报 | 镭目科技与璞华科技正式签约,携手打造智能采购平台
  • STM32--SPI通信协议(2)W25Q64简介
  • ES6-数组的解构赋值
  • 利用OpenCV实现物流与生产线自动化的革命性突破
  • 微端服务器都需要哪些配置?
  • linux解决访问/下载github连接超时或下载慢的问题
  • #从零开始# 在深度学习环境中,如何用 pycharm配置使用 pipenv 虚拟环境
  • docker踩坑记录
  • Open3d计算点云法向量,可视化(代码)
  • PyCharm常用快捷键和设置
  • Qt多语言翻译
  • SpringCloud-微服务项目架构
  • 机器学习算法之支持向量机(SVM)
  • 放空自己和终端的clear
  • python22-Python的字符串分割、连接方法
  • vue3 封装WebSocket(直接复制)
  • Hadoop3.x基础(3)- Yarn
  • 项目02《游戏-05-开发》Unity3D