JavaScript基础-02

news/2024/5/19 6:40:52/文章来源:https://blog.csdn.net/qq_45771939/article/details/130039718

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

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

常量有下面这几种:

  • 数字常量(数值常量)
  • 字符串常量
  • 布尔常量
  • 自定义常量

数字常量

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

alert(996); // 996是整数
alert(3.14); // 3.14是浮点数(即带了小数)

字符串常量

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

console.log('996');console.log("零陵上将军邢道荣");

布尔常量

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

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

自定义常量:const

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

const 常量名称 = 常量取值;

举例:

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

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

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

变量的概念

变量表示可以被修改的数据。我们通过「变量名」获取数据,甚至修改数据。
变量还可以用来保存常量。
本质:变量是程序在内存中申请的一块用来存放数据的空间。打个比方,超市里的储物格就是变量, 在不同的时间段里, 储物格中存储的数据可以不一样。

变量的定义和赋值

定义变量是在告诉浏览器,我们需要一块内存空间,相当于生成超市里的储物格。
给变量赋值就是往相当于往储物格里塞东西,可能今天上午塞的是面包🍞,下午就换成了蛋糕🍰。

变量的定义/声明(ES5)

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

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

var 是英语“variable”变量的缩写。后面要加一个空格,空格后面的东西就是“变量名”。
PS:在 JavaScript 中,永远都是用 var 来定义变量(在 ES6 之前),这和 C、Java 等语言不同。

变量的定义/声明(ES6)

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

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 = java; // 修改 变量 C 的值

在这里插入图片描述

变量的初始化

第一次给变量赋值,称之为“变量的初始化”,这个概念非常重要。第二次给这个变量赋值(也就是修改这个变量的值)就不叫初始化了。
一个变量如果没有进行初始化(只声明,不赋值),那么这个变量中存储的值是undefined

var name;
name = '邢道荣';
var name = '邢道荣';

变量定义和赋值的补充

修改变量的值

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

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); // 会报错

变量的命名规则

JS是大小敏感的语言。也就是说 A 和 a 是两个变量。大写字母是可以使用的,比如:

var A = 250; //变量1
var a = 888; //变量2

变量的命名规则必须遵守:

  • 只能由字母(A-Z、a-z)、数字(0-9)、下划线(_)、美元符( $ )组成。
  • 不能以数字开头。必须以字母(A-Z、a-z)、下划线(_)或者美元符( $ )开头。变量名中不允许出现空格。尤其注意,变量名中不能出现中划线-。
  • 严格区分大小写(JS 是区分大小写的语言)。
  • 不能使用 JS 语言中保留的「关键字」和「保留字」作为变量名。
  • 变量名长度不能超过 255 个字符。
  • 汉语可以作为变量名。但是不建议使用,因为 low。

建议遵守:

  • 命名要有可读性,方便顾名思义。
  • 建议用驼峰命名法。比如 getElementById、getUserInfo、aaaOrBbbAndCcc

补充:

  1. 不能以数字开头,是为了把数字和字母区分开。
  2. JS底层保存标识符的时候,是采用的 Unicode 编码。所以理论上讲,在遵守命名规则的前提下,utf-8中包含的所有内容都可以作为标识符。

标识符

标识符:在 JS 中所有的可以由我们自主命名的都可以称之为标识符。包括:变量名、函数名、属性名、参数名都是属于标识符。
通俗来讲,标识符就是我们写代码时为某些东西起的名字。类似于人出生的时候,起个人名。
标识符的命名规则和变量的命令规则是一样的。关于变量的命名规则,详见上一段。
标识符不能使用语言中保留的关键字及保留字。

关键字

关键字:被JS赋予了特殊含义的单词。也就是说,关键字是 JS 本身已经使用了的单词,我们不能再用它们充当变量名、函数名等标识符。关键字在开发工具中会显示特殊的颜色。

JS 中的关键字如下:

ifelseswitchbreakcasedefaultforindowhilevarletconstvoidfunctioncontinuereturntry、catch、finally、throwdebuggerthistypeofinstanceofdeletewithexportnewclassextendssuperwithyieldimportstatictruefalsenullundefinedNaN

保留字

实际上就是预留的“关键字”。它们虽然现在还不是关键字,但是未来可能会成为关键字。同样不能用它们当充当变量名、函数名等标识符。

JS 中的保留字如下:

enumawaitabstract、boolean、byte、char、double、final、float、goto、int、long、native、short、synchronized、transient、volatile、arguments eval Infinity# 以下关键字只在严格模式中被当成保留字,在ES6中是属于关键字
implementsinterfacepackageprivateprotectedpublic

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

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

相关文章

【MATLAB数学建模编程实战】Kmeans算法编程及算法的简单原理

欢迎关注,本专栏主要更新MATLAB仿真、界面、基础编程、画图、算法、矩阵处理等操作,拥有丰富的实例练习代码,欢迎订阅该专栏!(等该专栏建设成熟后将开始收费,快快上车吧~~) 【MATLAB数学建模编…

[LeetCode周赛复盘] 第 340 场周赛20230409

[LeetCode周赛复盘] 第 340 场周赛20230409 一、本周周赛总结二、 6361. 对角线上的质数1. 题目描述2. 思路分析3. 代码实现三、6360. 等值距离和1. 题目描述2. 思路分析3. 代码实现四、6359. 最小化数对的最大差值1. 题目描述2. 思路分析3. 代码实现五、 6353. 网格图中最少访…

ROS实践06 自定义消息类型

文章目录运行环境:思路:1.1 定义.msg文件1)功能包下新建 msg 目录,添加文件 Person.msg2)修改package.xml3)修改CMakeLists.txt2.1 自定义消息调用(C)1)编译后修改includePath2)发布方实现2.1修改CMakeLists.txt2.3运行…

【OpenCV-Python】cvui 之 trackbar

CVUI 之 trackbar cvui::trackbar() 渲染一个 trackbar, 可以左右拖动或点击对数字进行增加或减少的调整。 不使用离散间隔 使用离散间隔 Python import numpy as np import cv2 import cvuidef trackbar_test():WINDOW_NAME Trackbar-Test# 创建画布frame np.z…

【Python童年游戏】满满的回忆杀—那些年玩过的童年游戏你还记得吗?那个才是你的菜?看到第一个我就泪奔了(致我们逝去的青春)

导语 滴一一学生卡🙌 结伴上车的学生仔子们 用笑声打破车厢的沉默 大人眼里的晚高峰 是给放学后快乐😀时光的加时 下车的学生匆匆起身带起 一阵熟悉的栀子香于💓 是关于校园的记忆 开始零零散散地闪现 放学后集合的秘密基地/跟着城…

LVGL v8学习笔记 |12 - 移植LVGL 8.3到ESP32C3开发板(ST7789)

一、移植前的准备 1. 基础工程 ESP32-IDF开发笔记 | 03 - 使用SPI外设驱动ST7789 SPILCD2. lvgl源码 https://github.com/lvgl/lvgl下载最新发布的 8.3.6 版本:https://github.com/lvgl/lvgl/releases/ 二、移植lvgl 1. 复制lvgl源码到工程中 将下载的 lvgl-8.3.6 文件夹直…

JSON数据遍历之for-in

JSON数据遍历之for-in object 本身就是无对象的集合,因此在用 for-in 语句遍历对象的属性时,遍历出的属性顺序与对象定义时不同。 W3C标准 根据 ECMA-262(ECMAScript)第三版中描述,for-in 语句的属性遍历的顺序是由对…

KlayGE-001-简介

KlayGE 引擎学习-001 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lWlSlet9-1680688988724)(images/KlayGE_logo.png)] 一、KlayGE引擎介绍 软件简介 KlayGE中文译为:粘土游戏引擎,是一个开源、跨平台,基于插…

6-MATLAB APP Design-表格组件(uitable)

此博文通过MATLAB APP Design实现对学生成绩的处理,具体的功能包括读取表格数据、添加学生数据、计算总成绩、成绩排序+以及表格的保存。 一、APP 界面设计展示 1. 在画布中拖入面板、表格和四个按钮,布局如下。将面板的title写为“学生成绩计算器”并居中,将四个按钮的t…

游戏开发之Unity2021熟悉基本工具

接上一节通用渲染管线项目搭建 导入天空盒素材:在窗口中选择资源商店后会弹出下面的图片,在资源商店中找到我们想要的天空盒素材,将素材在unity中打开,如下面的第二幅图中就是我选择的天空盒素材,在这里可能会遇到一个…

Centos7搭建Ngrok内网穿透

一、安装gcc和git(用于下载ngrok源码) yum install gcc -y yum install git -y 二、安装go语言环境 yum install -y mercurial git bzr subversion golang golang-pkg-windows-amd64 golang-pkg-windows-386 三、检查环境安装 git --version //( > 1.7 ) go version 四…

通读《技术管理实战36讲》1、自我倾听篇

你好,我是小Z,一个工作在交付前线的程序员,我们正在通读《技术管理实战36讲》,作者刘建国。今天我们要梳理的章节是“自我倾听篇”。 在第1篇《多年前的那些工程师都去哪了?》中, 作者借助上周的“老知道人…

linux系统中cat命令的详细用法

在Linux中,cat命令是一个很常用的命令,它的作用是将文件内容输出到屏幕上,或者将多个文件合并成一个文件。下面是cat命令的一些常用用法: ​1. 显示文件内容 使用cat命令可以打印出文件的内容,如: cat fi…

[Qt 教程之Widgets模块] —— QFormLayout表单布局

Qt系列教程总目录 文章目录一、创建QFormLayout二、成员函数2.1. 对行操作2.2. 操作布局项2.3. 间距2.4. 设置布局规则2.5. 对齐方式表单布局 QFormLayout 以两列形式布局其子项。左列由标签组成,右列由小部件(行编辑器、数字调整框等)组成。…

FPGA实现图像去雾 基于暗通道先验算法 纯verilog代码加速 提供2套工程源码和技术支持

目录1、前言2、目前我这里已有的图像处理方案3、暗通道先验算法介绍4、本图像去雾模块的优缺点5、vivado工程详解vivado工程1详解vivado工程2详解6、上板调试验证7、福利:工程源码获取1、前言 本文详细描述了FPGA实现图像去雾的实现设计方案,采用暗通道…

C++文件加密篇(基于char数组进行可逆加密)

严格意义上的加密算法有对称加密算法和非对称加密算法,对称加密算法是指加密与解密的key相同,而非对称加密算法是指加密(使用公钥,所有人都可以获取)与解密(使用私钥,只有指定方有私钥&#xff…

Robosense激光雷达Linux配置

文章目录1.1 速腾rs16连接:1.2 网络配置1)官方说明2)设置网络3)检查是否连接成功2.1 激光雷达ROS包下载/编译1)下载ROS包2)安装libpcap依赖3)修改编译模式4)config文件配置5)编译并运…

【数据结构与算法】一、数据结构的基本概念

文章目录一、数据结构的基本概念1.1 数据结构的研究内容1.2 数据类型和抽象数据类型1.3 算法和算法分析1.3.1 算法的时间复杂度1.3.2 算法时间效率的比较1.4 知识回顾一、数据结构的基本概念 1.1 数据结构的研究内容 1.2 数据类型和抽象数据类型 抽象数据类型(ADT…

[入门必看]数据结构4.1:串的定义和实现

[入门必看]数据结构4.1:串的定义和实现第四章 串4.1 串的定义和实现知识总览4.1.1_串的定义和基本操作4.1.2_串的存储结构4.1.1_串的定义和基本操作串的定义串 V.S 线性表串的基本操作串的比较操作字符集编码4.1.2_串的存储结构串的顺序存储串的链式存储基本操作的实…

4月9日第壹简报,星期日,农历闰二月十九

4月9日第壹简报,星期日,农历闰二月十九坚持阅读,静待花开1. “2023中国品牌女性500强”榜单揭晓,屠呦呦、张桂梅、董明珠、刘洋、孟晚舟、谷爱凌等入选。2. 京东集团副总裁:将在今年发布“京东版”ChatGPT。3. 以冒名顶…