GitHub标星13.2k,JavaScript基础知识之变量详解,前端入门必看

Stella981
• 阅读 480

一、字面量:数字和字符串

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

字面量有3种:

  • 数字

  • 字符串

  • 布尔字面量

(1)数值的字面量非常简单,写上去就行,不需要任何的符号。例如:

    alert(886);  //886是数字,所以不需要加引号。

(2)字符串的字面量也很简单,但一定要加上引号。可以是单词、句子等。例如:

    console.log('886');

    console.log('生命不息,毅行不止');

温馨提示:100是数字,"100"是字符串。

(3)布尔字面量举例:

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

总结

字面量都可以直接使用,但是我们一般不会直接使用字面量。

如果直接使用字面量的话,比较麻烦。比如说,多个地方要用到同一个字面量,还不如事先定义一个变量,用来保存字面量。

变量更方便我们使用,所以在开发中都是通过变量去保存一个字面量,而不会直接使用字面量。

变量的概念

变量:是用于存放数据的容器。我们通过「变量名」获取数据,甚至可以修改数据。

变量还可以用来保存字面量。

本质:变量是程序在内存中申请的一块用来存放数据的空间。

二、变量的声明和赋值

2.1变量的声明/变量的定义

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

var name; // 声明一个名为 name 的变量

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

2.2变量的声明/定义(ES6)

在ES6语法及之后,可以使用 constlet关键字来声明一个变量

const name; // 定义一个常量

let age;

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

2.3变量的赋值

变量的赋值:

name= '千古壹号'

变量的声明和赋值,写在一起,举例如下:

var a = 100; // ES5语法

const b = hello; // ES6 语法
let b = world; // ES6 语法

如下图所示:

GitHub标星13.2k,JavaScript基础知识之变量详解,前端入门必看

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

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

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

  • 变量名:我们可以给变量任意的取名字。

2.4变量的初始化

有经验的程序员,会把声明和赋值写在一起:

    var a = 100;    //声明,并且赋值100
    console.log(a);  //输出100

声明一个变量并赋值, 我们称之为变量的初始化

三、变量声明和赋值的补充

3.1修改变量的值

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

举例:

var a = 100;
a = 110;

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

3.2同时声明多个变量

同时声明多个变量时,只需要写一个 var, 多个变量名之间用英文逗号隔开。

举例:

var name = '千古壹号', age = 27, number = 100;

3.3变量声明的几种特殊情况

变量建议先声明,再使用。否则可能会报错。具体如下。

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

控制台会报错:

GitHub标星13.2k,JavaScript基础知识之变量详解,前端入门必看

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

3.4变量的命名规范

大写字母是可以使用的,并且大小写敏感。也就是说A和a是两个变量。

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

我们来整理一下变量的命名规范

  • 只能由字母(A-Z、a-z)、数字(0-9)、下划线(_)、美元符( $ )组成

  • 不能以数字开头。也就是说,必须以字母(A-Z、a-z)、下划线(_)或者美元符( $ )开头。变量名中不允许出现空格。

  • 不用使用 JS 语言中保留的「关键字」和「保留字」作为变量名。

  • 建议用驼峰命名规则。比如getElementById、matherAndFather、aaaOrBbbAndCcc

  • 变量名会区分大小写(javascript 是区分大小写的语言)。

  • 变量名长度不能超过255个字符。

  • 汉语可以作为变量名。但是不建议使用,因为 low。

四、标识符、关键字、保留字

4.1标识符

标识符:在JS中所有的可以由我们自主命名的都可以称之为标识符。

例如:变量名、函数名、属性名、参数名都是属于标识符。通俗来讲,标识符就是我们写代码时为它们起的名字。

标识符的命名规则和变量的命令规则是一样的。看上面一段就可以了。

同样,标识符不能使用语言中保留的关键字保留字。如下。

4.2关键字

关键字:是指 JS 本身已经使用了的单词,我们不能再用它们充当变量、函数名等标识符。

JS 中的关键字如下:

break、continue、case、default、

if、else、switch、for、in、do、while、

try、catch、finally、throw、

var、void、function、return、new、

this、typeof、instanceof、delete、with、

true、false、null、undefined

4.3保留字

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

JS 中的保留字如下:

abstract、boolean、byte、char、class、const、

debugger、double、enum、export、extends、final、float、goto

implements、import、int、interface、long、native、package、

private、protected、public、short、static、super、synchronized、throws、

transient、volatile

4.4举例

举例1:交换两个变量的值

代码实现:

var a1 = 100;
var a2 = 200;

var temp;

temp = a1;
a1 = a2;
a2 = temp;

五、最后

说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。

我可以将最近整理的前端面试题免费分享出来,其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等,还在持续整理更新中,希望大家都能找到心仪的工作。

有需要的朋友点击这里免费领取题目+解析PDF。

GitHub标星13.2k,JavaScript基础知识之变量详解,前端入门必看

GitHub标星13.2k,JavaScript基础知识之变量详解,前端入门必看

GitHub标星13.2k,JavaScript基础知识之变量详解,前端入门必看

点击这里免费领取题目+解析PDF。

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Karen110 Karen110
2年前
一篇文章带你了解JavaScript日期
日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用
Wesley13 Wesley13
2年前
java将前端的json数组字符串转换为列表
记录下在前端通过ajax提交了一个json数组的字符串,在后端如何转换为列表。前端数据转化与请求varcontracts{id:'1',name:'yanggb合同1'},{id:'2',name:'yanggb合同2'},{id:'3',name:'yang
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Stella981 Stella981
2年前
Python之time模块的时间戳、时间字符串格式化与转换
Python处理时间和时间戳的内置模块就有time,和datetime两个,本文先说time模块。关于时间戳的几个概念时间戳,根据1970年1月1日00:00:00开始按秒计算的偏移量。时间元组(struct_time),包含9个元素。 time.struct_time(tm_y
Wesley13 Wesley13
2年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
2年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
2年前
JavaScript(js)字面量,函数写法
JavaScript字面量在编程语言中,一般固定值称为字面量,如3.14。数字(Number)字面量可以是整数或者是小数,或者是科学计数(e)。3.141001123e5字符串(String)字面量可以使用单引号或双引号:"JohnDoe"'JohnDoe'表达式字面量用于计算:
Wesley13 Wesley13
2年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
3个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这