JavaScript编程的语言基础

《JavaScript编程的语言基础》由会员分享，可在线阅读，更多相关《JavaScript编程的语言基础（57页珍藏版）》请在金锄头文库上搜索。

1、第2章 JavaScript编编程的语语言基础础JavaScript脚本语言作为一门功能强大、使用范围较广 的程序语言，其语言基础包括数据类型、变量、运算符、函 数以及核心语句等内容。本章主要介绍JavaScript脚本语言 的基础知识，带领读者初步领会JavaScript脚本语言的精妙 之处，并为后续章节的深入学习打下坚实的基础。2.1 编编程准备备在正式介绍Javascript脚本语言之前，先介绍使用 JavaScript脚本进行编程需要首先了解的知识，包括大小写敏 感性、空白字符以及分号等内容，以及脚本编程过程中需遵守 的一些约定，以编写合法的JavaScript脚本程序。2.1.1 脚

2、本执执行顺顺序JavaScript脚本解释器将按照程序代码出现的顺序来解释 程序语句，因此可以将函数定义和变量声明放在和 之间，此时与函数体相关的操作不会被立即执行。2.1.2 大小写敏感JavaScript脚本程序对大小写敏感，相同的字母，大小写不 同，代表的意义也不同，如变量名name、Name和NAME代表3 个不同的变量名。在JavaScript脚本程序中，变量名、函数名、 运算符、关键字、对象属性等都是对大小写敏感的。同时，所有 的关键字、内建函数，以及对象属性等的大小写都是固定的，甚 至混合大小写，因此在编写JavaScript脚本程序时，要确保输入 正确，否则不能达到编写程序的目

3、的。2.1.3 空白字符空白字符包括空格、制表符和换行符等，在编写脚本 代码时占据一定的空间，但脚本被浏览器解释执行时无任何 作用。脚本程序员经常使用空格作为空白字符，JavaScript 脚本解释器是忽略任何多余空格的。2.1.4 分号在编写脚本语句时，用分号“;”作为当前语句的结束符， 例如变量的定义语句：var x=25;var y=16;var z=x+y;当然，也可将多个语句写在同一行中，例如：var x=25;var y=16;var z=x+y;值得注意的是，为养成良好的编程习惯，尽量不要将多个 语句写在一行中，避免降低脚本代码的可读性。2.1.5 块块在定义函数时，使用大括号“

4、”将函数体封装起来：在使用循环语句时，使用大括号“”将循环体封装起来从本质上讲，使用大括号“”将某段代码封装起来后， 构成“块”的概念，JavaScript脚本代码中的块，即为实现特 定功能的多句（也可为空或一句）脚本代码构成的整体。2.2 数值类值类 型一个语言提供多种数值类型是为了更好的诠释空间 中的数据状态。本节介绍JavaScript中的数值类型。2.2.1 整型和浮点数值值JavaScript允许使用整数类型和浮点类型两种数值，其 中整数类型包含正整数、0和负整数；而浮点数则可以是包含 小数点的实数，也可以是用科学计数法表示的实数。2.2.2 八进进制和十六进进制在整数类型的数值中，

5、数制可使用十进制、八进制 以及十六进制，例如：var age = 32; /十进制var num = 010; /八进制var num = C33; /十六进制2.3 变变量几乎任何一种程序语言都会引入变量（variable），包 括变量标识符、变量申明和变量作用域等内容。JavaScript 脚本语言中也将涉及到变量，其主要作用是存取数据以及提 供存放信息的容器。在实际脚本开发过程中，变量为开发者 与脚本程序交互的主要工具。下面分别介绍变量标识符、变 量申明和变量作用域等内容。2.3.1 变变量标识标识 符与C+、Java等高级程序语言使用多个变量标识符不同， JavaScript脚本语言使

6、用关键字var作为其唯一的变量标识符，其 用法为在关键字var后面加上变量名。例如：var age; var MyData;2.3.2 变变量申明在JavaScript脚本语言中，声明变量的过程相当简 单，例如通过下面的代码声明名为age的变量：var age;2.3.3 变变量作用域要讨论变量的作用域，首先要清楚全局变量和局部变量的联 系和区别：全局变量：可以在脚本中的任何位置被调用，全局变量的作 用域是当前文档中整个脚本区域。局部变量：只能在此变量声明语句所属的函数内部使用，局 部变量的作用域仅为该函数体。2.4 弱类类型JavaScript脚本语言像其他程序语言一样，其变量都有 数据类型

7、，具体数据类型将在下一节中介绍。高级程序语言如 C+、Java等为强类型语言，与此不同的是，JavaScript脚本 语言是弱类型语言，在变量声明时不需显式地指定其数据类型 ，变量的数据类型将根据变量的具体内容推导出来，且根据变 量内容的改变而自动更改，而强类型语在变量声明时必须显式 地指定其数据类型。 2.5 基本数据类类型在实现预定功能的程序代码中，一般需定义变量来存储 数据（作为初始值、中间值、最终值或函数参数等）。变量 包含多种类型，JavaScript脚本语言支持的基本数据类型包 括Number型、String型、Boolean型、Undefined型、Null 型和Function

8、型，分别对应于不同的存储空间。2.5.1 Number型Number型数据即为数值型数据，包括整数型和浮点型，整 数型数制可以使用十进制、八进制以及十六进制标识，而浮点型 为包含小数点的实数，且可用科学计数法来表示。一般来说， Number型数据为不在括号内的数字，例如：var myDataA=8;var myDataB=6.3;上述代码分别定义值为整数8的Number型变量myDataA和 值为浮点数6.3的Number型变量myDataB。2.5.2 String型String型数据表示字符型数据。JavaScript不区分 单个字符和字符串，任何字符或字符串都可以用双引号或 单引号引起来

9、。2.5.3 Boolean型Boolean型数据表示的是布尔型数据，取值为ture 或false，分别表示逻辑真和假，且任何时刻都只能使用 两种状态中的一种，不能同时出现。例如，下列语句分别 定义Boolean变量bChooseA和bChooseB，并分别赋予 初值true和false：var bChooseA = true;var bChooseB = false;2.5.4 Undefined型Undefined型即为未定义类型，用于不存在或者没有被 赋初始值的变量或对象的属性，如下列语句定义变量name为 Undefined型：var name;定义Undefined型变量后，可在后续

10、的脚本代码中对其 进行赋值操作，从而自动获得由其值决定的数据类型。2.5.5 Null型Null型数据表示空值，作用是表明数据空缺的值， 一般在设定已存在的变量（或对象的属性）为空时较为常 用。区分Undefined型和Null型数据比较麻烦，一般将 Undefined型和Null型等同对待。 2.5.6 Function型Function型表示函数，可以通过new操作符和构造函数 Function()来动态创建所需功能的函数，并为其添加函数体。 例如：var myFuntion = new Function()staments;JavaScript脚本语言除了支持上述6种基本数据类型外， 也

11、支持组合类型，如数组Array和对象Object等，下面介绍组 合类型。2.6 组组合类类型JavaScript脚本支持的组合类型比基本数据类型更 为复杂，包括数组Array型和对象Object型。本节将简要 介绍上述组合类型的基本概念及其用法，在本书后续章节 将进行专门论述。2.6.1 Array型Array型即为数组，数组是包含基本和组合数据的序列。 在JavaScript脚本语言中，每一种数据类型对应一种对象，数 组本质上即为Array对象。2.6.2 Object型对象为可包含基本和组合数据的组合类型，且对象的成 员作为对象的属性，对象的成员函数作为对象的方法。在 JavaScript

12、脚本语言中，可通过在对象后面加句点“.”并加上 对象属性（或方法）的名称来访问对象的属性（或方法）2.7 运算符编写JavaScript脚本代码过程中，对目标数据进行运算操 作需用到运算符。JavaScript脚本语言支持的运算符包括：赋 值运算符、基本数学运算符、位运算符、位移运算符、高级赋 值语句、自加和自减、比较运算符、逻辑运算符、逗号运算符 、空运算符、?.:运算符、对象运算符以及typedof运算符等 ，下面分别予以介绍。2.7.1 赋值赋值 运算符JavaScript脚本语言的赋值运算符包含“=”、“+=”、 “=”、“*=”、“/=”、“%=”、“2.7.10 ?.:运算符在Ja

13、vaScript脚本语言中，“?.:”运算符用于创建 条件分支。在动作较为简单的情况下，较之ifelse语句 更加简便，其语法结构如下：(condition)?statementA:statementB;2.7.11 对对象运算符JavaScript脚本语言主要支持四种对象运算符，包 括点号运算符、new运算符、delete运算符以及（）运算 符等。2.7.12 typeof运算符typeof运算符用于表明操作数的数据类型，返回数 值类型为一个字符串。在JavaScript脚本语言中，其使 用格式如下：var myString=typeof(data);2.7.13 运算符优优先级级JavaS

14、cript脚本编程中，运算表达式中可能含有多 个运算符，同其他程序语言一样，这些运算符也是有处理 的先后顺序的。2.8 核心语语句前面小节讲述了JavaScript脚本语言数据结构方面 的基础知识，包括基本数据类型、运算符、运算符优先级 等，本节将重点介绍JavaScript脚本的核心语句。2.8.1 基本处处理流程基本处理流程就是对数据结构的处理流程，在 JavaScript里，基本的处理流程包含三种结构，即顺序 结构、选择结构和循环结构。2.8.2 if条件假设语设语 句if条件假设语句是比较简单的一种选择结构语句，若给 定的逻辑条件表达式为真，则执行一组给定的语句。其基本 结构如下：if

15、(conditions)statements;2.8.3 switch流程控制语语句在if条件假设语句中，逻辑条件只能有一个，如果有 多个条件，可以使用嵌套的if语句来解决，但此种方法会 增加程序的复杂度，并降低程序的可读性。若使用 switch流程控制语句就可完美地解决此问题。2.8.4 for循环语环语 句for循环语句是循环结构语句，按照指定的循环次数，循环 执行循环体内语句（或语句块），其基本结构如下：for(initial condition; test condition; alter condition)statements; 2.8.5 while和do-while循环环语语句

16、while语句与if语句相似，均有条件地控制语句（或语句块） 的执行，其语言结构基本相同：while(conditions) statements;2.8.6 使用break和continue进进行循坏控制在循环语句中，某些情况下需要跳出循环或者跳过 循环体内剩余语句，而直接执行下一次循环，此时需要通 过break和continue语句来实现。break语句的作用是立 即跳出循环，continue语句的作用是停止正在进行的循 环，而直接进入下一次循环。2.8.7 with对对象操作语语句在编写JavaScript脚本过程中，经常需引用同一对象的 多个属性或方法，正常的对象属性或方法的引用途径能达到 既定的目的，但代码显得尤为复杂。JavaScript脚本语言提 供with操作语句来简化对象属性和方法的引用过程，其语法 结构如下： with (objct)statement