前端学习(24)~js学习(二):变量

字面量:数字和字符串

“字面量”即常量,是固定值,不可改变。

字面量有3种:

  • 数字
  • 字符串
  • 布尔字面量

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

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

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

    console.log(‘886‘);

    console.log(‘千古壹号,永不止步‘);

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

(3)布尔字面量举例:

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

总结

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

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

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

变量的概念

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

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

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

变量的声明和赋值

变量的声明(变量的定义)

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

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

补充:在ES6语法及之后,统一使用 constlet关键字来声明一个变量。

变量的赋值

name= ‘hi‘

变量的声明和赋值,举例如下:

var a = 100; // ES5语法

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

PS:在JavaScript中,永远都是用var来定义变量(在ES6 之前),

变量的初始化

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

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

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

变量声明和赋值的补充

修改变量的值

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

同时声明多个变量

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

var name = ‘jack‘, age = 27, number = 100;

变量声明的几种特殊情况

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

写法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虽然都正常,但这两种写法是有区别的

变量的命名规范

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

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

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

标识符、关键字、保留字

标识符

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

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

标识符的命名规则和变量的命令规则是一样的。

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

关键字

关键字:是指 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

保留字

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

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

原文地址:https://www.cnblogs.com/Vincent-yuan/p/12381137.html

时间: 2024-10-08 13:23:55

前端学习(24)~js学习(二):变量的相关文章

前端学习:JS学习总结(图解)

前端学习:JS学习总结(图解) JS比HTML和CSS的知识点要多的多,下面分几段来介绍其内容... 为了能让大家更好的检索,前面的图解是整个JS的概括,后面的才是知识点... 旁边就是目录,建议用目录来观看本博客...... JS的知识体系  JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介 JS是什么? JS能做什么? JS的历史及组成 JS的引入方式 JS基本语法 变量 原始数据类型 引入数据类型 运算符 逻辑语句 JS内置对象 JS对

前端学习(25)~js学习(三):变量的数据类型

变量的数据类型 为什么需要数据类型 在计算机中,不同的数据所需占用的存储空间不同,为了充分利用存储空间,于是定义了不同的数据类型.而且,不同的数据类型,寓意也不同. JS 的变量数据类型,是在程序运行的过程中,根据等号右边的值来确定的.而且,变量的数据类型是可以变化的.比如说: var name = 'qianguyihao'; name = 123; // 强制将变量 name 修改为 数字类型 JS中一共有六种数据类型 基本数据类型(值类型):String 字符串.Number 数值.Boo

前端学习(23)~js学习(一)

Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(实现业务逻辑和页面控制) 浏览器的介绍 浏览器是网页运行的平台,常用的浏览器有谷歌(Chrome).Safari.火狐(Firefox).IE.Edge.Opera等. 浏览器的组成 浏览器分成两部分: 渲染引擎 JS 引擎 1.渲染引擎:(浏览器内核) 浏览器所采用的「渲染引擎」也称之为「浏览器内核」,用来解析 HTML与CSS.渲染引擎决定了浏览

学习 Sea.js 笔记(二)

写模块: define(function(require, exports, module) {    使用 require(...) 引入模块.    通过 exports.something = ... 对外提供接口    或通过 module.exports = ... 提供整个接口 ? }); 构建部署: 需要使用 spm 或 Grunt 工具. spm 标准构建工具(已经发布版本3): http://spmjs.io/ 项目标准目录结构:    dist  构建之后的文件夹    sr

前端学习(26)~js学习(四):基本数据类型vs引用数据类型

在上一篇文章中,我们介绍过,变量有以下数据类型: 基本数据类型(值类型):String 字符串.Number 数值.Boolean 布尔值.Null 空值.Undefined 未定义. 引用数据类型(引用类型):Object 对象. 本文,我们针对这两种类型,做进一步介绍.我们先来看个例子. 基本数据类型举例: var a = 23; var b = a; a++; console.log(a); // 打印结果:24 console.log(b); // 打印结果:23 上面的代码中:a 和

前端学习(33)~js学习(十):函数

关于函数的核心内容: 函数有哪几种定义和调用方式 this:函数内部的 this 指向.如何改变 this 的指向. 函数的严格模式 高阶函数:函数作为参数传递.函数作为返回值传递 闭包:闭包的作用 递归:递归的两个条件 深拷贝和浅拷贝的区别 函数的介绍 函数:就是将一些功能或语句进行封装,在需要的时候,通过调用的形式,执行这些语句. 函数也是一个对象 使用typeof检查一个函数对象时,会返回function 函数的作用: 将大量重复的语句抽取出来,写在函数里,以后需要这些语句的时候,可以直接

前端学习(38)~js学习(十五):原型对象

原型对象 原型的引入 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; //向对象中添加一个方法 this.sayName = function () { console.log("我是" + this.name); } } //创建一个Person的实例 var per = new Person("孙悟空", 18, "

前端学习(27)~js学习(五): typeof和数据类型转换

变量的数据类型转换:将一种数据类型转换为另外一种数据类型. 通常有三种形式的类型转换: 转换为字符串类型 转换为数字型 转换为布尔型 typeof 运算符 typeof()表示“获取变量的数据类型”,返回的是小写,语法为:(两种写法都可以) // 写法1 typeof 变量; // 写法2 typeof(变量); typeof 这个运算符的返回结果就是变量的类型.那返回结果的类型是什么呢?是字符串. 返回结果: typeof 的代码写法 返回结果 typeof 数字 number typeof

前端学习(39)~js学习(十六):数组

数组简介 数组(Array)是属于内置对象,我们可以在MDN网站上查询各种方法. 数组和普通对象的功能类似,也是用来存储一些值的.不同的是: 普通对象是使用字符串作为属性名的,而数组是使用数字来作为索引来操作元素.索引:从0开始的整数就是索引. 数组的存储性能比普通对象要好.在实际开发中我们经常使用数组来存储一些数据,使用频率非常高. 数组中的元素可以是任意的数据类型,也可以是对象,也可以是函数,也可以是数组.数组的元素中,如果存放的是数组,我们就称这种数组为二维数组. 接下来,我们讲一讲数组的