当前位置: 首页 > news >正文

编程笔记 html5cssjs 075 Javascript 常量和变量

编程笔记 html5&css&js 075 Javascript 常量和变量

  • 一、JavaScript 变量
  • 二、JavaScript 常量
  • 三、示例:
  • 小结:

在JavaScript中,变量和常量是用来存储数据的占位符。它们的主要区别在于可变性:变量的值可以改变,而常量一旦被声明后其值就不能再更改。

一、JavaScript 变量

定义:
在JavaScript中,使用varletconst关键字来声明变量。不过,从ES6(ECMAScript 2015)开始,推荐使用letconst而不是var,因为它们提供了更严格的块级作用域控制。

  • 使用var声明变量:
// ES5及以下版本
var myVariable = 'initial value'; // 可以重新赋值
myVariable = 'new value';
  • 使用let声明变量:
// ES6及以上版本
let anotherVariable = 'can also change';
anotherVariable = 'updated value';

二、JavaScript 常量

定义:
使用const关键字声明常量,它的值不能被重新赋值。

// ES6及以上版本
const PI = 3.14159; // 正确,初始化了一个常量
PI = 3; // 错误,不能修改常量的值// 注意:虽然常量的值不可更改,但如果它是一个对象或者数组,那么对象或数组内部的属性或元素是可以更改的。
const obj = { a: 1 };
obj.a = 2; // 这是允许的,因为虽然obj本身不能指向另一个不同的对象,但其内部属性可以更改

三、示例:

// 变量示例
let count = 1;
console.log(count); // 输出:1
count = 2;
console.log(count); // 输出:2// 常量示例
const name = "Alice";
console.log(name); // 输出:"Alice"
name = "Bob"; // 这将抛出错误,因为尝试修改一个常量的值是不允许的// 对象作为常量内容可变的例子
const person = { age: 30 };
person.age = 31;
console.log(person); // 输出:{ age: 31 } (年龄已成功修改)

小结:

  1. 变量

    • 变量名可以根据需要多次赋值,如varlet关键字声明的变量。
    • var变量的作用域可能受函数作用域或全局作用域影响(存在变量提升现象),而letconst变量具有块级作用域。
  2. 常量

    • 常量在声明时必须初始化,并且之后不能再赋予新的值,通过const关键字声明。
    • 虽然常量的“引用”不可变,但对于复杂类型的数据(如对象和数组),它们的内容是可以修改的。

相关文章:

编程笔记 html5cssjs 075 Javascript 常量和变量

编程笔记 html5&css&js 075 Javascript 常量和变量 一、JavaScript 变量二、JavaScript 常量三、示例:小结: 在JavaScript中,变量和常量是用来存储数据的占位符。它们的主要区别在于可变性:变量的值可以改变,而…...

题目 1159: 偶数求和

题目描述: 有一个长度为n(n<100)的数列&#xff0c;该数列定义为从2开始的递增有序偶数&#xff08;公差为2的等差数列&#xff09;&#xff0c;现在要求你按照顺序每m个数求出一个平均值&#xff0c;如果最后不足m个&#xff0c;则以实际数量求平均值。编程输出该平均值序…...

呼吸灯--FPGA

目录 1.breath_led.v 2.tb_breath_led.v 呼吸灯就是从完全熄灭到完全点亮&#xff0c;再从完全点亮到完全熄灭。具体就是通过控制PWM的占空比控制亮灭程度。 绘制PWM波的步骤就是&#xff0c;首先灯是在第一个时钟周期保持高电平熄灭状态&#xff0c;在第二个时钟周期保持1/1…...

MySQL数据库①_MySQL入门(概念+使用)

目录 1. 数据库的概念 1.1 数据库的存储介质 1.2 主流数据库 2. MySQL的基本使用 2.1 链接数据库 2.2 服务器管理 2.3 数据库&#xff0c;服务器和表关系 2.4 简单MySQL语句 3. MySQL架构 4. SQL分类 5. 存储引擎 本篇完。 1. 数据库的概念 数据库是按照数据结构来…...

虚幻UE 特效-Niagara特效实战-魔法阵

回顾Niagara特效基础知识&#xff1a;虚幻UE 特效-Niagara特效初识 其他四篇实战&#xff1a;UE 特效-Niagara特效实战-烟雾、喷泉、 虚幻UE 特效-Niagara特效实战-火焰、烛火、 虚幻UE 特效-Niagara特效实战-雨天、 虚幻UE 特效-Niagara特效实战-眩晕。 本篇笔记记录了使用空模…...

Qt多语言翻译

Qt多语言翻译概述 Qt提供了非常简单易用的多语言翻译机制&#xff0c;其核心类为QTranslator.概括来说就是利用Qt的lupdate工具将项目中所有tr函数包裹的字符串提取到.ts文件中&#xff0c;然后使用Qt Linguist由专门的翻译人员对提取的.ts文件进行逐个单词短语的翻译工作. 翻译…...

Latex学习记录

目录 1.Latex各种箭头符号总结 2.[Latex]公式编辑&#xff0c;编号、对齐 3.Latex公式编号: 多行公式多编号&#xff0c;多行公式单编号 4.LaTex中输入空格以及换行 1.Latex各种箭头符号总结 箭头符号 - ➚ (piliapp.com)https://cn.piliapp.com/symbol/arrow/Latex各种箭头…...

你在做绩效考核,还是绩效管理?二者有什么区别

绩效考核&#xff0c;为什么99%都失败&#xff0c;最后一地鸡毛&#xff1f;败在指标&#xff01; 绩效管理&#xff0c;为什么大多数企业都能成功&#xff0c;而且越做越好&#xff1f;成在目标&#xff01; 丢掉层层指标&#xff0c;人人制定目标&#xff0c;这是企业重新定…...

ele-h5项目使用vue3+vite+vant4开发:第四节、业务组件-SearchView组件开发

需求分析 展示切换动画搜索框输入文字&#xff0c;自动发送请求搜索结果展示搜索状态维护历史搜索展示&#xff0c;点击历史搜索后发送请求历史搜索更多切换动画效果 <script setup lang"ts"> import OpSearch from /components/OpSearch.vue import { ref } f…...

C系列-柔性数组

&#x1f308;个人主页: 会编程的果子君 ​&#x1f4ab;个人格言:“成为自己未来的主人~” 目录 ​编辑 柔性数组 柔性数组的特点 柔性数组的使用 柔性数组的优势 柔性数组 也许你从来没有听说过柔性数组这个概念&#xff0c;但是它确实是存在的&#xff0c;C99中&#…...

【Linux网络编程一】网络基础1(网络框架)

【Linux网络编程一】网络基础1&#xff08;网络框架&#xff09; 一.什么是协议1.通信问题2.协议本质3.网络协议标准 二.协议分层1.为什么协议要分层2.如何具体的分层 三.操作系统OS与网络协议栈的关系1.核心点&#xff1a;网络通信贯穿协议栈 四.局域网中通信的基本原理1.封装…...

springboot156基于SpringBoot+Vue的常规应急物资管理系统

基于SpringBootVue的常规应急物资管理系统的设计与实现 摘 要 1 ABSTRACT 2 第一章 绪论 3 1.1研究背景 3 1.2研究意义 3 1.3国内外研究现状 4 1.3.1国外研究现状 4 1.3.2国内研究现状 4 1.4研究内容与方法 5 1.4.1研究内容 5 1.4.2研究方法 5 1.5论文的组织结构 5…...

学习MySQL的MyISAM存储引擎

学习MySQL的MyISAM存储引擎 MySQL的MyISAM存储引擎是MySQL早期版本中默认的存储引擎&#xff0c;后来被InnoDB所取代。尽管InnoDB在许多方面提供了更高级的特性&#xff0c;如事务处理、行级锁定和外键支持&#xff0c;MyISAM仍然因其简单性、高性能以及对全文搜索的支持而被广…...

nginx 的 ngx_http_upstream_dynamic_module 动态域名解析功能的使用和源码详解

tengine ngx_http_upstream_dynamic_module 动态域名解析功能的代码详细解析 1. 为什么需要域名动态解析2. 配置指令3. 加载模块3. 源码分析3.1 指令解析3.2 upstream负载均衡算法的初始化3.3 upstream负载均衡上下文的初始化3.4 获取upstream的服务器地址3.5 域名解析回调处理…...

前端vue/react项目压缩图片工具@yireen/squoosh-browser

想要在前端项目中压缩图片&#xff0c;然后再上传到后端保存&#xff0c;就需要一个压缩工具的帮助&#xff0c;暂时有两个依赖库可以选择&#xff1a;image-conversion和yireen/squoosh-browser&#xff0c;看了官方仓库地址和更新时间等详情&#xff0c;发现还是yireen/squoo…...

悬而未决:daterangepicker设置默认选择日期时间后点确认无值的BUG

daterangepicker有两个BUG&#xff1a; 1、startDate和endDate对设置默认日期没有问题&#xff0c;但对设置默认时间的支持有BUG&#xff01;比如设为 moment().add( 1, day ).hours(8).minutes(20).seconds(0), //如果现在是9点&#xff0c;则设置的时间8&#xff1a;20因为比…...

composer常用命令

查看全局配置信息 composer config -gl 设置镜全局像地址 composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/ 去掉-g&#xff0c;即表示只有当前项目使用该镜像 批量安装composer项目依赖 composer install 执行该命令后&#xff0c;会读取当…...

2024年1月27日~2月2日周报

一、前言 上周主要完成了SeisInvNet加强版论文的阅读&#xff0c;并尝试跑了一下代码。 本周阅读师兄的论文《DD-Net》&#xff0c;并尝试思考新的点子修改网络架构。 二、DD-Net阅读情况 标题&#xff1a;Dual decoder network with curriculumlearning for full waveform in…...

红黑树,以及其在C++的set、map等数据结构中应用

红黑树介绍&#xff1a; 红黑树&#xff08;Red-Black Tree&#xff09;是一种自平衡的二叉搜索树&#xff0c;它在插入和删除操作后通过一系列的旋转和着色操作来维持平衡。红黑树的命名来自于节点上的额外颜色属性&#xff0c;每个节点要么是红色&#xff0c;要么是黑色。 红…...

C++(11)——内存管理

C内存分布 我们先看一段代码以及相关问题。 这道题的答案是多少呢&#xff1f; 答案在这里哦&#xff0c;看一下有没有问题呀。如果这么简单的题做错了&#xff0c;怕不是要被电击一下。 C内存管理方式 我们知道C语言中动态内存管理的方式是 malloc realloc calloc free 这几…...

Windows USB设备独占访问技术解决方案:UsbDk架构解析与实践指南

Windows USB设备独占访问技术解决方案&#xff1a;UsbDk架构解析与实践指南 【免费下载链接】UsbDk Usb Drivers Development Kit for Windows 项目地址: https://gitcode.com/gh_mirrors/us/UsbDk Windows系统对USB设备的严格管理限制了用户模式应用程序直接访问硬件的…...

免费文档下载终极指南:kill-doc 让您轻松获取全网文档资源

免费文档下载终极指南&#xff1a;kill-doc 让您轻松获取全网文档资源 【免费下载链接】kill-doc 看到经常有小伙伴们需要下载一些免费文档&#xff0c;但是相关网站浏览体验不好各种广告&#xff0c;各种登录验证&#xff0c;需要很多步骤才能下载文档&#xff0c;该脚本就是为…...

初学者如何自学SEO优化

初学者如何自学SEO优化 在当今互联网时代&#xff0c;搜索引擎优化&#xff08;SEO&#xff09;已经成为了网站推广的核心手段。对于初学者来说&#xff0c;如何自学SEO优化可能看起来有些复杂&#xff0c;但只要掌握几个关键点&#xff0c;就能迅速上手。本文将带你深入了解如…...

DeepSeek-OCR-2算力优化部署:支持多GPU并行解析提升吞吐量方案

DeepSeek-OCR-2算力优化部署&#xff1a;支持多GPU并行解析提升吞吐量方案 1. 为什么需要多GPU并行解析&#xff1f; 如果你用过单张显卡跑DeepSeek-OCR-2&#xff0c;可能会遇到这样的场景&#xff1a;公司财务部门一次性发来50张发票扫描件&#xff0c;行政部需要处理100页…...

李慕婉-仙逆-造相Z-Turbo应用:自动化小说解析与视觉化内容生成系统

李慕婉-仙逆-造相Z-Turbo应用&#xff1a;自动化小说解析与视觉化内容生成系统 想象一下&#xff0c;你是一家网络文学平台的内容运营。每天&#xff0c;海量的新章节需要配图&#xff0c;作者们渴望看到自己笔下的人物和世界被具象化&#xff0c;读者则期待更沉浸的阅读体验。…...

OpenClaw命令行增强:gemma-3-12b-it解释复杂指令并自动补全

OpenClaw命令行增强&#xff1a;gemma-3-12b-it解释复杂指令并自动补全 1. 为什么需要命令行增强工具 作为一个常年与终端打交道的开发者&#xff0c;我经常遇到这样的困境&#xff1a;记得某个命令的功能&#xff0c;却想不起具体参数&#xff1b;或者面对复杂的管道操作时&…...

语音情感识别在心理评估中的应用:Emotion2Vec+镜像实战案例

语音情感识别在心理评估中的应用&#xff1a;Emotion2Vec镜像实战案例 1. 语音情感识别技术概述 语音情感识别&#xff08;Speech Emotion Recognition, SER&#xff09;技术正在改变传统心理评估的方式。这项技术通过分析语音中的声学特征&#xff0c;能够准确识别说话者的情…...

DeepSeek linux-6.19/kernel/events/ring_buffer.c 源码分析

我来分析 Linux 6.19 内核中 kernel/events/ring_buffer.c 的源码。这个文件实现了 perf events 子系统的环形缓冲区管理&#xff0c;用于在内核和用户空间之间高效传递性能事件数据。 文件概述 ring_buffer.c 是 perf events 系统的核心组件&#xff0c;负责管理用于存储性能事…...

Phi-4-mini-reasoning轻量模型选型指南:何时该用Phi-4-mini而非Qwen3

Phi-4-mini-reasoning轻量模型选型指南&#xff1a;何时该用Phi-4-mini而非Qwen3 1. 模型概述与核心优势 Phi-4-mini-reasoning是一个基于合成数据构建的轻量级开源模型&#xff0c;专注于高质量、密集推理的数据处理能力。作为Phi-4模型家族成员&#xff0c;它特别适合需要高…...

OpenClaw技能市场盘点:10个适配Phi-3-mini-128k-instruct的实用工具

OpenClaw技能市场盘点&#xff1a;10个适配Phi-3-mini-128k-instruct的实用工具 1. 为什么需要关注技能市场&#xff1f; 当我第一次在本地部署OpenClaw时&#xff0c;最让我惊喜的不是框架本身&#xff0c;而是它背后那个充满可能性的技能市场。作为一个长期与命令行打交道的…...