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

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

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

一、JavaScript表达式

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

二、示例

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

  1. 字面量表达式

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

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

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

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

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

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

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

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

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

总结

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

相关推荐
半开半落5 分钟前
nuxt3安装pinia报错500[vite-node] [ERR_LOAD_URL]问题解决
前端·javascript·vue.js·nuxt
理想不理想v33 分钟前
vue经典前端面试题
前端·javascript·vue.js
小阮的学习笔记1 小时前
Vue3中使用LogicFlow实现简单流程图
javascript·vue.js·流程图
YBN娜1 小时前
Vue实现登录功能
前端·javascript·vue.js
阳光开朗大男孩 = ̄ω ̄=1 小时前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
小政爱学习!1 小时前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
魏大帅。1 小时前
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
前端·javascript·ajax
花花鱼1 小时前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui
k09331 小时前
sourceTree回滚版本到某次提交
开发语言·前端·javascript