第2章JavaScript编程的语言基础.ppt
《第2章JavaScript编程的语言基础.ppt》由会员分享,可在线阅读,更多相关《第2章JavaScript编程的语言基础.ppt(57页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、融智技术学院融智技术学院第第2章章 JavaScript编程的语言基础编程的语言基础 JavaScript脚本语言作为一门功能强大、使用范围较广脚本语言作为一门功能强大、使用范围较广的程序语言,其语言基础包括数据类型、变量、运算符、函的程序语言,其语言基础包括数据类型、变量、运算符、函数以及核心语句等内容。本章主要介绍数以及核心语句等内容。本章主要介绍JavaScript脚本语言脚本语言的基础知识,带领读者初步领会的基础知识,带领读者初步领会JavaScript脚本语言的精妙脚本语言的精妙之处,并为后续章节的深入学习打下坚实的基础。之处,并为后续章节的深入学习打下坚实的基础。融智技术学院融智技
2、术学院2.1 编程准备编程准备 在正式介绍在正式介绍Javascript脚本语言之前,先介绍使用脚本语言之前,先介绍使用JavaScript脚本进行编程需要首先了解的知识,包括大小写敏脚本进行编程需要首先了解的知识,包括大小写敏感性、空白字符以及分号等内容,以及脚本编程过程中需遵守感性、空白字符以及分号等内容,以及脚本编程过程中需遵守的一些约定,以编写合法的的一些约定,以编写合法的JavaScript脚本程序。脚本程序。融智技术学院融智技术学院2.1.1 脚本执行顺序脚本执行顺序 JavaScript脚本解释器将按照程序代码出现的顺序来解释脚本解释器将按照程序代码出现的顺序来解释程序语句,因此
3、可以将函数定义和变量声明放在程序语句,因此可以将函数定义和变量声明放在和和之间,此时与函数体相关的操作不会被立即执行。之间,此时与函数体相关的操作不会被立即执行。融智技术学院融智技术学院2.1.2 大小写敏感大小写敏感 JavaScript脚本程序对大小写敏感,相同的字母,大小写不脚本程序对大小写敏感,相同的字母,大小写不同,代表的意义也不同,如变量名同,代表的意义也不同,如变量名name、Name和和NAME代表代表3个个不同的变量名。在不同的变量名。在JavaScript脚本程序中,变量名、函数名、运脚本程序中,变量名、函数名、运算符、关键字、对象属性等都是对大小写敏感的。同时,所有的算符
4、、关键字、对象属性等都是对大小写敏感的。同时,所有的关键字、内建函数,以及对象属性等的大小写都是固定的,甚至关键字、内建函数,以及对象属性等的大小写都是固定的,甚至混合大小写,因此在编写混合大小写,因此在编写JavaScript脚本程序时,要确保输入正脚本程序时,要确保输入正确,否则不能达到编写程序的目的。确,否则不能达到编写程序的目的。融智技术学院融智技术学院2.1.3 空白字符空白字符 空白字符包括空格、制表符和换行符等,在编写脚本空白字符包括空格、制表符和换行符等,在编写脚本代码时占据一定的空间,但脚本被浏览器解释执行时无任何代码时占据一定的空间,但脚本被浏览器解释执行时无任何作用。脚本
5、程序员经常使用空格作为空白字符,作用。脚本程序员经常使用空格作为空白字符,JavaScript脚本解释器是忽略任何多余空格的。脚本解释器是忽略任何多余空格的。融智技术学院融智技术学院2.1.4 分号分号 在编写脚本语句时,用分号在编写脚本语句时,用分号“;”作为当前语句的结束符,作为当前语句的结束符,例如变量的定义语句:例如变量的定义语句:var x=25;var y=16;var z=x+y;当然,也可将多个语句写在同一行中,例如:当然,也可将多个语句写在同一行中,例如:var x=25;var y=16;var z=x+y;值得注意的是,为养成良好的编程习惯,尽量不要将多个值得注意的是,为
6、养成良好的编程习惯,尽量不要将多个语句写在一行中,避免降低脚本代码的可读性。语句写在一行中,避免降低脚本代码的可读性。融智技术学院融智技术学院2.1.5 块块 在定义函数时,使用大括号在定义函数时,使用大括号“”将函数体封装起来:将函数体封装起来:在使用循环语句时,使用大括号在使用循环语句时,使用大括号“”将循环体封装起来将循环体封装起来 从本质上讲,使用大括号从本质上讲,使用大括号“”将某段代码封装起来后,将某段代码封装起来后,构成构成“块块”的概念,的概念,JavaScript脚本代码中的块,即为实现脚本代码中的块,即为实现特定功能的多句(也可为空或一句)脚本代码构成的整体。特定功能的多句
7、(也可为空或一句)脚本代码构成的整体。融智技术学院融智技术学院2.2 数值类型数值类型 一个语言提供多种数值类型是为了更好的诠释空间一个语言提供多种数值类型是为了更好的诠释空间中的数据状态。本节介绍中的数据状态。本节介绍JavaScript中的数值类型。中的数值类型。融智技术学院融智技术学院2.2.1 整型和浮点数值整型和浮点数值 JavaScript允许使用整数类型和浮点类型两种数值,其允许使用整数类型和浮点类型两种数值,其中整数类型包含正整数、中整数类型包含正整数、0和负整数;而浮点数则可以是包含和负整数;而浮点数则可以是包含小数点的实数,也可以是用科学计数法表示的实数。小数点的实数,也可
8、以是用科学计数法表示的实数。融智技术学院融智技术学院2.2.2 八进制和十六进制八进制和十六进制 在整数类型的数值中,数制可使用十进制、八进制在整数类型的数值中,数制可使用十进制、八进制以及十六进制,例如:以及十六进制,例如:var age=32;/十进制十进制var num=010;/八进制八进制var num=C33;/十六进制十六进制融智技术学院融智技术学院2.3 变量变量 几乎任何一种程序语言都会引入变量(几乎任何一种程序语言都会引入变量(variable),),包包括变量标识符、变量申明和变量作用域等内容。括变量标识符、变量申明和变量作用域等内容。JavaScript脚本语言中也将涉
9、及到变量,其主要作用是存取数据以及提脚本语言中也将涉及到变量,其主要作用是存取数据以及提供存放信息的容器。在实际脚本开发过程中,变量为开发者供存放信息的容器。在实际脚本开发过程中,变量为开发者与脚本程序交互的主要工具。下面分别介绍变量标识符、变与脚本程序交互的主要工具。下面分别介绍变量标识符、变量申明和变量作用域等内容。量申明和变量作用域等内容。融智技术学院融智技术学院2.3.1 变量标识符变量标识符 与与C+、Java等高级程序语言使用多个变量标识符不同,等高级程序语言使用多个变量标识符不同,JavaScript脚本语言使用关键字脚本语言使用关键字var作为其唯一的变量标识符,其作为其唯一的
10、变量标识符,其用法为在关键字用法为在关键字var后面加上变量名。例如:后面加上变量名。例如:var age;var MyData;融智技术学院融智技术学院2.3.2 变量申明变量申明 在在JavaScript脚本语言中,声明变量的过程相当简脚本语言中,声明变量的过程相当简单,例如通过下面的代码声明名为单,例如通过下面的代码声明名为age的变量:的变量:var age;融智技术学院融智技术学院2.3.3 变量作用域变量作用域要讨论变量的作用域,首先要清楚全局变量和局部变量的联要讨论变量的作用域,首先要清楚全局变量和局部变量的联系和区别:系和区别:全局变量:可以在脚本中的任何位置被调用,全局变量的
11、作全局变量:可以在脚本中的任何位置被调用,全局变量的作用域是当前文档中整个脚本区域。用域是当前文档中整个脚本区域。局部变量:只能在此变量声明语句所属的函数内部使用,局局部变量:只能在此变量声明语句所属的函数内部使用,局部变量的作用域仅为该函数体。部变量的作用域仅为该函数体。融智技术学院融智技术学院2.4 弱类型弱类型 JavaScript脚本语言像其他程序语言一样,其变量都有脚本语言像其他程序语言一样,其变量都有数据类型,具体数据类型将在下一节中介绍。高级程序语言如数据类型,具体数据类型将在下一节中介绍。高级程序语言如C+、Java等为强类型语言,与此不同的是,等为强类型语言,与此不同的是,J
12、avaScript脚本脚本语言是弱类型语言,在变量声明时不需显式地指定其数据类型,语言是弱类型语言,在变量声明时不需显式地指定其数据类型,变量的数据类型将根据变量的具体内容推导出来,且根据变量变量的数据类型将根据变量的具体内容推导出来,且根据变量内容的改变而自动更改,而强类型语在变量声明时必须显式地内容的改变而自动更改,而强类型语在变量声明时必须显式地指定其数据类型。指定其数据类型。融智技术学院融智技术学院2.5 基本数据类型基本数据类型 在实现预定功能的程序代码中,一般需定义变量来存储在实现预定功能的程序代码中,一般需定义变量来存储数据(作为初始值、中间值、最终值或函数参数等)。变量数据(作
13、为初始值、中间值、最终值或函数参数等)。变量包含多种类型,包含多种类型,JavaScript脚本语言支持的基本数据类型包脚本语言支持的基本数据类型包括括Number型、型、String型、型、Boolean型、型、Undefined型、型、Null型和型和Function型,分别对应于不同的存储空间。型,分别对应于不同的存储空间。融智技术学院融智技术学院2.5.1 Number型型 Number型数据即为数值型数据,包括整数型和浮点型,整型数据即为数值型数据,包括整数型和浮点型,整数型数制可以使用十进制、八进制以及十六进制标识,而浮点型数型数制可以使用十进制、八进制以及十六进制标识,而浮点型为
14、包含小数点的实数,且可用科学计数法来表示。一般来说,为包含小数点的实数,且可用科学计数法来表示。一般来说,Number型数据为不在括号内的数字,例如:型数据为不在括号内的数字,例如:var myDataA=8;var myDataB=6.3;上述代码分别定义值为整数上述代码分别定义值为整数8的的Number型型变量变量myDataA和和值为浮点数值为浮点数6.3的的Number型变量型变量myDataB。融智技术学院融智技术学院2.5.2 String型型 String型数据表示字符型数据。型数据表示字符型数据。JavaScript不区分不区分单个字符和字符串,任何字符或字符串都可以用双引号或
15、单个字符和字符串,任何字符或字符串都可以用双引号或单引号引起来。单引号引起来。融智技术学院融智技术学院2.5.3 Boolean型型 Boolean型数据表示的是布尔型数据,取值为型数据表示的是布尔型数据,取值为ture或或false,分别表示逻辑真和假,且任何时刻都只能使用分别表示逻辑真和假,且任何时刻都只能使用两种状态中的一种,不能同时出现。例如,下列语句分别两种状态中的一种,不能同时出现。例如,下列语句分别定义定义Boolean变量变量bChooseA和和bChooseB,并分别赋予并分别赋予初值初值true和和false:var bChooseA=true;var bChooseB=f
16、alse;融智技术学院融智技术学院2.5.4 Undefined型型 Undefined型即为未定义类型,用于不存在或者没有被型即为未定义类型,用于不存在或者没有被赋初始值的变量或对象的属性,如下列语句定义变量赋初始值的变量或对象的属性,如下列语句定义变量name为为Undefined型:型:var name;定义定义Undefined型变量后,可在后续的脚本代码中对其型变量后,可在后续的脚本代码中对其进行赋值操作,从而自动获得由其值决定的数据类型。进行赋值操作,从而自动获得由其值决定的数据类型。融智技术学院融智技术学院2.5.5 Null型型 Null型数据表示空值,作用是表明数据空缺的值,
17、型数据表示空值,作用是表明数据空缺的值,一般在设定已存在的变量(或对象的属性)为空时较为常一般在设定已存在的变量(或对象的属性)为空时较为常用。区分用。区分Undefined型和型和Null型数据比较麻烦,一般将型数据比较麻烦,一般将Undefined型和型和Null型等同对待。型等同对待。融智技术学院融智技术学院2.5.6 Function型型 Function型表示函数,可以通过型表示函数,可以通过new操作符和操作符和构造函数构造函数Function()来动态创建所需功能的函数,并为其添加函数体。例如:来动态创建所需功能的函数,并为其添加函数体。例如:var myFuntion=new
18、Function()staments;JavaScript脚本语言除了支持上述脚本语言除了支持上述6种基本数据类型外,种基本数据类型外,也支持组合类型,如数组也支持组合类型,如数组Array和对象和对象Object等,下面介绍组等,下面介绍组合类型。合类型。融智技术学院融智技术学院2.6 组合类型组合类型 JavaScript脚本支持的组合类型比基本数据类型更脚本支持的组合类型比基本数据类型更为复杂,包括数组为复杂,包括数组Array型和对象型和对象Object型。本节将简要型。本节将简要介绍上述组合类型的基本概念及其用法,在本书后续章节介绍上述组合类型的基本概念及其用法,在本书后续章节将进行
19、专门论述。将进行专门论述。融智技术学院融智技术学院2.6.1 Array型型 Array型即为数组,数组是包含基本和组合数据的序列。型即为数组,数组是包含基本和组合数据的序列。在在JavaScript脚本语言中,每一种数据类型对应一种对象,数脚本语言中,每一种数据类型对应一种对象,数组本质上即为组本质上即为Array对象。对象。融智技术学院融智技术学院2.6.2 Object型型 对象为可包含基本和组合数据的组合类型,且对象的成对象为可包含基本和组合数据的组合类型,且对象的成员作为对象的属性,对象的成员函数作为对象的方法。在员作为对象的属性,对象的成员函数作为对象的方法。在JavaScript
20、脚本语言中,可通过在对象后面加句点脚本语言中,可通过在对象后面加句点“.”并并加上对象属性(或方法)的名称来访问对象的属性(或方法)加上对象属性(或方法)的名称来访问对象的属性(或方法)融智技术学院融智技术学院2.7 运算符运算符 编写编写JavaScript脚本代码过程中,对目标数据进行运算操脚本代码过程中,对目标数据进行运算操作需用到运算符。作需用到运算符。JavaScript脚本语言支持的运算符包括:赋脚本语言支持的运算符包括:赋值运算符、基本数学运算符、位运算符、位移运算符、高级赋值运算符、基本数学运算符、位运算符、位移运算符、高级赋值语句、自加和自减、比较运算符、逻辑运算符、逗号运算
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第2章 JavaScript编程的语言基础 JavaScript 编程 语言 基础
限制150内