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

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


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

一、JavaScript表达式

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

二、示例

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

  1. 字面量表达式
// 数字字面量
42
// 字符串字面量
"Hello, World!"
// 布尔字面量
true
  1. 变量引用表达式
var myNumber = 42;
var myString = "Hello";
// 引用变量作为表达式
myNumber
myString
  1. 算术表达式
// 加法
var sum = 5 + 3;
// 减法
var difference = 8 - 2;
// 乘法
var product = 2 * 7;
// 除法
var quotient = 10 / 2;
  1. 比较表达式
// 等于
var isEqual = 5 === 5; // true
// 不等于
var isNotEqual = 5 !== 3; // true
// 大于
var isGreaterThan = 6 > 3; // true
// 小于
var isLessThan = 2 < 8; // true
  1. 逻辑表达式
// 逻辑与 (and)
var bothTrue = true && true; // true
var oneFalse = true && false; // false
// 逻辑或 (or)
var eitherTrue = true || false; // true
// 逻辑非 (not)
var notTrue = !true; // false
  1. 条件(三元)表达式
var age = 18;
var canVote = age >= 18 ? "Yes" : "No"; // 结果为 "Yes"
  1. 赋值表达式
// 简单赋值
var x = 10; // 这个表达式的结果就是赋给x的值,即10
// 复合(算术)赋值
var y = 5;
y += 3; // 相当于 y = y + 3; 结果y为8
  1. ES6中的简写属性赋值(解构)表达式
let [a, b] = [1, 2];
a; // 1
b; // 2
  1. 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'

总结

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

相关文章
|
2月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
73 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
3月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
174 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
3月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
83 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
3月前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
128 33
|
7月前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
94 0
|
11月前
|
JavaScript
JS+CSS3点击粒子烟花动画js特效
JS+CSS3点击粒子烟花动画js特效
72 0
JS+CSS3点击粒子烟花动画js特效
|
前端开发 JavaScript
js css 悬浮动画字体
js css 悬浮动画字体
|
Web App开发 前端开发 JavaScript
孤陋寡闻了,才知道已经可以用 JS 来控制 CSS 动画了
最近翻 MDN 突然发现一套叫 Web Animations API 的东东,点进去看才知道,原来是一套控制 css animation 的 API,而且已经有段时间了 🤦‍♂️,而我居然一直不知道。
|
JavaScript 前端开发 索引
|
JavaScript 前端开发
原生js判断css动画结束 css 动画结束的回调函数
原文:原生js判断css动画结束 css 动画结束的回调函数 css3 的时代,css3--动画 一切皆有可能;   传统的js 可以通过回调函数判断动画是否结束;即使是采用CSS技术生成动画效果,JavaScript仍然能捕获动画或变换的结束事件;   transitionend事...
1377 0