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

总结

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

相关文章
|
15天前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
47 2
|
25天前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
50 7
|
25天前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
32 6
|
25天前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
36 5
|
1月前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
58 12
|
1月前
|
前端开发 JavaScript 持续交付
提高JavaScript编程效率
提高JavaScript编程效率
28 3
|
1月前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
126 1
|
1月前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
47 3
|
XML 存储 JavaScript
编程笔记:XML和HTML初步学习-2
编程笔记:XML和HTML初步学习-2
109 0