前端学习<四>JavaScript基础——03-常量和变量

常量(字面量):数字和字符串

常量也称之为“字面量”,是固定值,不可改变。看见什么,它就是什么。

常量有下面这几种:

  • 数字常量(数值常量)

  • 字符串常量

  • 布尔常量

  • 自定义常量

数字常量

数字常量非常简单,直接写数字就行,不需要任何其他的符号。既可以是整数,也可以是浮点数。

例如:

 // 不需要加引号alert(996); // 996是整数alert(3.14); // 3.14是浮点数(即带了小数)

字符串常量

字符串常量就是用单引号或双引号括起来的内容。可以是单词、句子等,一定要加引号。在JS中,只要是单引号或双引号括起来的内容,都是字符串常量。

例如:

 console.log('996');​console.log("千古壹号,永不止步");

温馨提示:996 是数字,'996'是字符串。

布尔常量

布尔常量就是表达或者,在JS中用 true 和 false 来表达。

布尔字面量举例:

 if (true) {console.log('如果为真,就走这里面的代码);}

自定义常量:const

自定义常量是ES6中新增的语法。它的语法格式是这样的:

 const 常量名称 = 常量取值;

举例:

 const name = '千古壹号'; // 定义常量name,它的取值是 千古壹号​// name =  '许嵩'; // 既然 name 是常量,所以这一行是错误的写法,因为 name 无法被修改为其他的值​console.log(name); // 打印结果:千古壹号

后续我们讲ES6语法的时候,会深入学习 const 用法。

开发技巧:用变量定义常量

我们一般不会直接使用常量,否则会导致代码冗余、不易维护。如果多个地方要用到同一个常量,那就建议事先定义一个变量,用来保存这个常量;然后在需要的地方去引用这个变量就行了。另外,当我们学习了ES6中的 const 之后,还可以使用自定义常量达到目的。

变量的概念

变量表示可以被修改的数据。我们通过「变量名」获取数据,甚至修改数据。

变量还可以用来保存常量。

本质:变量是程序在内存中申请的一块用来存放数据的空间。打个比方,超市里的储物格就是变量, 在不同的时间段里, 储物格中存储的数据可以不一样。

变量的定义和赋值

定义变量是在告诉浏览器,我们需要一块内存空间,相当于生成超市里的储物格。

给变量赋值就是往相当于往储物格里塞东西,可能今天上午塞的是面包🍞,下午就换成了蛋糕🍰。

变量的定义/声明(ES5)

在 ES6 语法之前,统一使用var关键字来声明一个变量。比如:

 var name; // 定义一个名为 name 的变量。name是变量名。

var 是英语“variable”变量的缩写。后面要加一个空格,空格后面的东西就是“变量名”。

PS:在 JavaScript 中,永远都是用 var 来定义变量(在 ES6 之前),这和 C、Java 等语言不同。

变量的定义/声明(ES6)

在 ES6 语法及之后的版本里,可以使用 constlet关键字来定义一个变量

 const name; // 定义一个常量​let age; // 定义一个变量

如果你想定义一个常量,就用 const;如果你想定义一个变量,就用 let。

变量的赋值

变量赋值举例:

 name = '千古壹号';

综合起来,变量的定义、赋值、取值,举例如下:

// 定义:声明一个变量
var num;
// 赋值:往变量中存储数据
num = 996;
// 取值:从变量中获取存储的数据
console.log(num);

合并写法

变量的定义和赋值,还可以合并写在一起,是实战中常用的写法。举例如下:

var a = 100; // ES5语法
console.log(a);const b = hello; // ES6 语法let c = world; // ES6 语法
c = qianguyihao; // 修改 变量 C 的值

定义一个变量并赋值, 我们称之为变量的初始化。如下图所示:

  • 定义变量:var 就是一个关键字,用来定义变量。所谓关键字,就是有特殊功能的单词。

  • 变量赋值:等号表示赋值,将等号右边的值,赋给左边的变量。

  • 变量名:我们可以给变量起个名字。

变量的初始化【重要】

第一次给变量赋值,称之为“变量的初始化”,这个概念非常重要。第二次给这个变量赋值(也就是修改这个变量的值)就不叫初始化了。

一个变量如果没有进行初始化(只声明,不赋值),那么这个变量中存储的值是undefined,这个知识点必须知道。

变量的初始化,可以有两种形式,如下。

形式1:先定义,在赋值。举例:

var name;
name = 'qianguyhihao';

形式2:在定义的同时进行初始化。也就是上一小段讲的“合并写法”。举例:

var name = 'qianguyihao';

变量定义和赋值的补充

修改变量的值

一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。

举例:

var a = 100;
a = 110;console.log(a); // 打印结果:110。因为 110 覆盖了 100

同时定义多个变量

1、同时定义多个变量时,只需要写一个 var, 多个变量名之间用英文逗号隔开。举例:

// 同时定义多个变量
var num1, num2;

2、定义多个变量的同时,分别进行初始化。举例:

// 定义多个变量的同时,进行初始化
var num1 = 10, num2 = 20;

如果多个变量初始化的初始化值都是一样的,则可以这样简写:

var num1, num2;
num1 = num2 = 10; // 重点在这一行console.log(num1); // 10
console.log(num2); // 10

上面的写法和下面的写法是有区别的:(注意看打印结果)

var num1, num2 = 10;console.log(num1); // undefined
console.log(num2); // 10

变量之间可以相互赋值

var num1, num2;
num1 = 10;
num2 = num1; // 把 num1 的值拷贝一份,赋值给 num2
console.log(num2); // 10

变量如果重复定义

在ES5中,如果用 var 定义了同名变量,那么,后定义的变量,会覆盖先定义的变量。举例:

var name = '许嵩';
var name = '千古壹号'; // 这里会重新定义一个新的变量 nameconsole.log(name); // 千古壹号

变量声明和赋值的特殊情况

变量建议先声明,再使用;否则可能会产生意想不到的结果。具体如下。

写法 1、先声明,再赋值:(正常)

var a;
a = 100;
console.log(a); // 打印结果:100

写法 2、不声明,直接赋值:(正常)

a = 100;
console.log(a); // 打印结果:100

写法 3、只声明,不赋值:(注意,打印 undefined)

var a;
console.log(a); // 打印结果:undefined

写法 4、不声明,不赋值,直接使用:(会报错)

console.log(a); // 会报错

控制台会报错:

补充:写法 1 和写法 2 虽然都正常,但这两种写法是有区别的,等以后学习了「变量提升」的概念就明白了。大多数情况下,我们都是采用的写法 1。

举例

举例:交换两个变量的值

代码实现:

var a1 = 100;
var a2 = 200;var temp;temp = a1;
a1 = a2;
a2 = temp;

最后

关于变量的命名规则,将在下一篇文章里讲。

---

创作不易,你的赞赏和认可,是我更新的最大动力

写在最后:希望大家可以点个关注点个赞,这对up真的很重要!谢谢!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/791824.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【独立开发前线】Vol.35 绝大部分人独立开发失败的原因

我自己是一名独立开发者,我也见过几百个独立开发者,有成功的,也有失败的。 成功者的特质各不相同,但失败的都有相同的几点; 程序员做独立开发是很有优势的,通过编程的能力,可以快速实现产品。…

Vol.34 Good Men Project:一个博客网站,每月90万访问量,通过付费订阅和广告变现

今天给大家分享的案例网站是:Good Men Project,这是一个专门针对男性成长的博客网站,内容包括人际关系、家庭、职业发展等话题。 它的网址是:The Good Men Project - The Conversation No One Else Is Having 流量情况 我们先看…

高分卫星助力台湾省花莲县地震应急救援

4月3日7时58分,在台湾省花莲县海域(北纬23.81度,东经121.74度)发生7.3级地震,震源深度12公里。接中国地震局地震预测研究所应急需求,国家航天局对地观测与数据中心(以下简称“中心”&#xff09…

各省-科技创新、研发强度数据集(2007-2022年)

01、数据简介 研发强度是科学技术发展的重要指标,可以反映出一个国家或地区的科技实力和创新能力。研发强度越高,就意味着该地区的科技创新能力越强。 本数据是对全国各省份研发强度统计,数据年份2007至2022年,采用科技支出占GD…

C#仿OutLook的特色窗体设计

目录 1. 资源图片准备 2. 设计流程: (1)用MenuStrip控件设计菜单栏 (2)用ToolStrip控件设计工具栏 (3)用StatusStrip控件设计状态栏 (4)ImageList组件装载树节点图…

SQLyog连接数据库8.0版本解析错误问题解决方案

问题描述: 解决方案: alter userrootlocalhostidentified with mysql_native_password by 密码; 再次连接就可以了。

实现顺序表的增删查改

现在让我们探索数据结构这个美妙的世界吧! 概念介绍 线性表是具有相同特性的数据元素的有限序列。线性表是一种在实际运用中广泛运用的线性结构,如线性表,栈,队列,字符串等。 顺序表的本质是数组,实现了…

UDP和TCP之间的对比

TCP优势可靠传输(适合于绝大部分场景) UDP优势更高效率(适合对于性能敏感的场景如局域网内部之间的通信) 如局域网内部之间(如机房)的主机进行通信,局域网内部之间通信的结构比较简单带宽充足…

js的事件冒泡、捕获、委托

事件不仅存在js中,也存在在其他语言中,js事件背后的主要思想是能够在特定事件发生时运行代码。 先普及一个概念,什么是事件处理程序? 事件处理程序就像一个特殊的通用遥控器,可以执行某些操作,例如更改电…

java自动化-03-04java基础之数据类型举例

1、需要特殊注意的数据类型举例 1)定义float类型,赋值时需要再小数后面带f float num11.2f; System.out.println(num1);2)定义double类型,赋值时直接输入小数就可以 3)另外需要注意,float类型的精度问题…

python学习21:python中的数据容器

python中的数据容器 1.什么是数据容器呢? 一种可以存储多个元素的python数据类型;也就是一种可以容纳多份数据的数据类型,容纳的每一份数据称之为1个元素;每一个元素,可以是任意类型的数据,如字符串&#…

鸿蒙开发就业前景到底怎么样?

随着科技的不断进步,鸿蒙操作系统的推出为开发者们带来了新的机遇和挑战。鸿蒙,作为华为自主研发的操作系统,旨在为消费者提供更为流畅、安全的智能设备体验。那么,鸿蒙开发就业前景如何呢? 一、鸿蒙操作系统的优势 …

探索--------------redis缓存三大问题及解决方案

目录 一、redis的三大缓存问题 1、缓存穿透 1.1 问题描述 1.2缓存穿透发生的条件 1.3缓存穿透发生的原因 1.4解决方案 2、缓存雪崩 2.1问题描述 2.2解决缓存雪崩问题的方法有: 3、缓存击穿 (热点数据集中失效) 3.1问题描述 3.2缓…

SpringBoot快速入门笔记(3)

文章目录 一、MybatisPlus1、ORM2、添加依赖3、全局配置4、Navicat5、UserController6、CRUD操作7、BaseMapper8、两个注解 二、多表查询1、模拟用户订单2、通过用户查相关订单3、UserMapperNew4、查询订单和所属用户5、OrderMapper6、OrderController 三、条件查询四、分页查询…

【Ubuntu】用 VMware 安装 macOS

本教程使用 Ubuntu 20.04.6 LTS,VMware Workstation Pro 17.5.1,macOS Sonoma 14.4。文中所有需要的下载链接均以 Markdown 的形式体现在文字上。 下载 VMware Workstation Pro,目前最新版本是 17.5.1。 使用密钥,进行破解。 VM…

金融中的数学知识

随机偏微分方程相比普通偏微分方程具有额外的随机项,反映了其描述的现象具有随机性质

SpringCloud微服务治理

微服务治理(Microservice Governance)是管理微服务架构中的各个组件和服务的关键活动,它确保服务间的协作、一致性以及整个系统的稳定性。以下是一些常见的微服务治理策略和工具: 服务注册与发现 Spring Cloud Netflix Eureka:用于服务注册与发现,让服务之间能够找到彼…

【核弹级安全事件】XZ Utils库中发现秘密后门,影响主要Linux发行版,软件供应链安全大事件

Red Hat 发布了一份“紧急安全警报”,警告称两款流行的数据压缩库XZ Utils(先前称为LZMA Utils)的两个版本已被植入恶意代码后门,这些代码旨在允许未授权的远程访问。 此次软件供应链攻击被追踪为CVE-2024-3094,其CVS…

中国大学生计算机设计大赛—软件应用与开发赛道—赛后感想

1.比赛介绍 中国大学生计算机设计大赛是我国高校面向本科生最早的赛事之一,是全国普通高校大学生竞赛排行榜榜单赛事之一。自2008年开赛至2019年,一直由教育部高校与计算机相关教指委等或独立或联合主办。大赛的目的是以赛促学、以赛促教、以赛促创&…

遥感卫星影像选择

自然资源卫星遥感云服务平台 进入网站页面,分别进行影像查询-查询条件-行政区,进行地区的选择。 采集时间设置 波段选择 可见光、高光谱和雷达是不同类型的遥感技术,它们在原理、应用和获取数据方面有一些显著区别: 可见光遥感…