《JavaScript面向对象编程指南》——第2章 基本数据类型、数组、循环及 条件表达式2.1 变量

简介:

本节书摘来自异步社区《JavaScript面向对象编程指南》一书中的第2章,第2.1节,作者: 【加】Stoyan Stefanov 译者: 凌杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。

第2章 基本数据类型、数组、循环及 条件表达式

在深入学习JavaScript的面向对象特性之前,我们首先要了解一些基础性知识。在这一章中,我们将会从以下几个方面入手。

JavaScript中的基本数据类型,例如字符串和数字等。
数组。
常用操作符,例如+、-、delete、typeof等。
控制流语句,例如循环和if-else条件表达式等。

2.1 变量

通常,变量都是用来存储数据的。当我们编写程序时,用变量来表示实际数据显然要方便些。尤其是当我们需要多次使用某个数字(例如3.141592653589793)时,使用变量pi显然要比直接写数字值方便得多。而且,它们之所以能被称为“变量”,主要是它们所存储的数据在初始化之后仍然是可以改变的。正因为如此,我们在编写代码时往往会用变量来代表程序中的未知数据,例如某个计算的结果值。

变量的使用通常可分为两个步骤。

声明变量。
初始化变量,即给它一个初始值。
为了声明变量,我们需要使用var语句。像这样:

var a;
var thisIsAVariable;
var _and_this_too;
var mix12three;

变量名可以由任何数字、字符及下划线组合而成。但要记住它不能以数字开头,像下面这样是不被允许的:

var 2three4five;

所谓的变量初始化,实际上指的是变量首次(或者最初)被赋值的时机。它可以有以下两种选择。

先声明变量,然后再初始化。
声明变量与初始化同步进行。
下面是后一种写法的例子:

var a = 1;

这样,我们就声明了一个名为a、值为1的变量。

另外,我们也可以在单个var语句中同时声明(并初始化)多个变量,只要将它们分别用逗号分开即可,例如:

var v1, v2, v3 = 'hello', v4 = 4, v5;

区分大小写
在JavaScript语言中,变量名是区分大小写的。为了证明这一点,我们可以在Firebug控制台中测试下列语句(每输入一行按一次Enter键):

var case_matters = 'lower';
var CASE_MATTERS = 'upper';
case_matters
CASE_MATTERS

为了减少按键的次数,在输入第三行时,我们可以先键入ca然后按Tab键,控制台会自动将其补全为case_matters。最后一行也是如此,我们只需先输入CA然后直接按Tab即可。输入完成之后,最终结果如图2-1所示:
screenshot

为方便起见,以后我们将用代码形式来代替截图。上面的例子可以表示如下:
screenshot

如您所见,三个连续大于号(>>>)之后的内容是我们输入的代码,而其余部分则是控制台输出的结果。需要强调的是,当您测试类似的代码时,应该根据实验的实际情况来调整相关代码。这才能有助于您更好地理解语言的工作方式。

相关文章
|
11天前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
22 2
|
29天前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
21 2
|
28天前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
60 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
1月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
20 3
|
1月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
35 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
31 1
|
1月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
23 5
|
28天前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
16 0
|
1月前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
13 0
|
1月前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
20 0