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

总结

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

相关推荐
新中地GIS开发老师37 分钟前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang44 分钟前
前端性能优化
前端·javascript·vue.js·性能优化
左手吻左脸。44 分钟前
解决el-select因为弹出层层级问题,不展示下拉选
javascript·vue.js·elementui
李白的故乡1 小时前
el-tree-select名字
javascript·vue.js·ecmascript
Rysxt_1 小时前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含1 小时前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js
你的人类朋友1 小时前
先用js快速开发,后续引入ts是否是一个好的实践?
前端·javascript·后端
知识分享小能手1 小时前
微信小程序入门学习教程,从入门到精通,微信小程序核心 API 详解与案例(13)
前端·javascript·学习·react.js·微信小程序·小程序·vue
子兮曰2 小时前
npm workspace 深度解析:与 pnpm workspace 和 Lerna 的全面对比
前端·javascript·npm
颜酱2 小时前
用搬家公司的例子来入门webpack
前端·javascript·webpack