《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

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

相关文章
|
7月前
|
JavaScript 前端开发 开发者
JavaScript基础——JavaScript变量名称命名规范
JavaScript变量命名规范是编写高质量代码的重要部分。通过遵循基本规则、使用常见命名约定并应用最佳实践,可以提高代码的可读性和可维护性。希望本文能帮助开发者在日常编程中更好地理解和应用JavaScript变量命名规范,从而编写出更清晰、更可靠的代码。
375 11
|
7月前
|
消息中间件 JavaScript 前端开发
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
|
9月前
|
JavaScript 前端开发 容器
盘点JavaScript中所有声明变量的方式及特性
本文详细介绍了JavaScript中变量定义的多种方式,包括传统的`var`、`let`和`const`,以及通过`this`、`window`、`top`等对象定义变量的方法。每种方式都有其独特的语法和特性,并附有代码示例说明。推荐使用`let`和`const`以避免作用域和提升问题,谨慎使用`window`和`top`定义全局变量,不建议使用隐式全局变量。掌握这些定义方式有助于编写更健壮的JS代码。
162 11
|
10月前
|
存储 JavaScript 前端开发
JavaScript中的数据类型以及存储上的差别
通过本文的介绍,希望您能够深入理解JavaScript中的数据类型及其存储差别,并在实际编程中灵活运用这些知识,以提高代码的性能和稳定性。
191 3
|
11月前
|
前端开发 JavaScript
如何在 JavaScript 中访问和修改 CSS 变量?
【10月更文挑战第28天】通过以上方法,可以在JavaScript中灵活地访问和修改CSS变量,从而实现根据用户交互、页面状态等动态地改变页面样式,为网页添加更多的交互性和动态效果。在实际应用中,可以根据具体的需求和场景选择合适的方法来操作CSS变量。
367 12
|
11月前
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
187 11
|
11月前
|
存储 JavaScript 前端开发
js中的数据类型
JavaScript 中的数据类型包括五种基本类型(String、Number、Undefined、Boolean、Null)和三种引用类型(Object、Array、Function,以及ES6新增的Symbol)。基本类型直接存储值,引用类型存储的是指向实际数据的内存地址。了解它们的区别对于掌握 JavaScript 的变量赋值和函数传参至关重要。
208 1
|
11月前
|
前端开发 JavaScript UED
如何使用 JavaScript 动态修改 CSS 变量的值?
【10月更文挑战第28天】使用JavaScript动态修改CSS变量的值可以为页面带来更丰富的交互效果和动态样式变化,根据不同的应用场景和需求,可以选择合适的方法来实现CSS变量的动态修改,从而提高页面的灵活性和用户体验。
|
11月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
89 2
|
12月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
401 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法

热门文章

最新文章