编程笔记 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'

总结

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

相关推荐
前端拾光者33 分钟前
利用D3.js实现数据可视化的简单示例
开发语言·javascript·信息可视化
风尚云网1 小时前
风尚云网前端学习:一个简易前端新手友好的HTML5页面布局与样式设计
前端·css·学习·html·html5·风尚云网
木子02041 小时前
前端VUE项目启动方式
前端·javascript·vue.js
endingCode2 小时前
45.坑王驾到第九期:Mac安装typescript后tsc命令无效的问题
javascript·macos·typescript
Myli_ing3 小时前
HTML的自动定义倒计时,这个配色存一下
前端·javascript·html
I_Am_Me_3 小时前
【JavaEE进阶】 JavaScript
开发语言·javascript·ecmascript
℘团子এ3 小时前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
学习前端的小z3 小时前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
前端百草阁4 小时前
【TS简单上手,快速入门教程】————适合零基础
javascript·typescript
彭世瑜4 小时前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript