《第2章JavaScript编程的语言基础.ppt》由会员分享,可在线阅读,更多相关《第2章JavaScript编程的语言基础.ppt(57页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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脚本语言支持的运算符包括:赋脚本语言支持的运算符包括:赋值运算符、基本数学运算符、位运算符、位移运算符、高级赋值运算符、基本数学运算符、位运算符、位移运算符、高级赋值语句、自加和自减、比较运算符、逻辑运算符、逗号运算
21、符、值语句、自加和自减、比较运算符、逻辑运算符、逗号运算符、空运算符、空运算符、?.:运算符、对象运算符以及运算符、对象运算符以及typedof运算符等,运算符等,下面分别予以介绍。下面分别予以介绍。融智技术学院融智技术学院2.7.1 赋值运算符赋值运算符 JavaScript脚本语言的赋值运算符包含脚本语言的赋值运算符包含“=”、“+=”、“=”、“*=”、“/=”、“%=”、“&=”、“=”等。等。融智技术学院融智技术学院2.7.2 基本数学运算符基本数学运算符 JavaScript脚本语言中基本的数学运算包括加、减、乘、脚本语言中基本的数学运算包括加、减、乘、除以及取余等,其对应的数学运
22、算符分别为除以及取余等,其对应的数学运算符分别为“+”、“-”、“*”、“/”和和“%”等。等。融智技术学院融智技术学院2.7.3 位运算符位运算符 JavaScript脚本语言支持的基本位运算符包括:脚本语言支持的基本位运算符包括:“&”、“|”、“”和和“”等。脚本代码执行位运算时先将操作数等。脚本代码执行位运算时先将操作数转换为二进制数,操作完成后将返回值转换为十进制。位运算转换为二进制数,操作完成后将返回值转换为十进制。位运算符的作用。符的作用。融智技术学院融智技术学院2.7.4 位移运算符位移运算符 位移运算符用于将目标数据往指定方向移动指定的位移运算符用于将目标数据往指定方向移动指
23、定的位数。位数。JavaScript脚本语言支持脚本语言支持“”和和“”等位移运算符。等位移运算符。融智技术学院融智技术学院2.7.5 自加和自减自加和自减 自加运算符为自加运算符为“+”和自减运算符为和自减运算符为“-”分别将操分别将操作数加作数加1或减或减1。值得注意的是,自加和自减运算符放置在操。值得注意的是,自加和自减运算符放置在操作数的前面和后面含义不同。运算符写在变量名前面,则返作数的前面和后面含义不同。运算符写在变量名前面,则返回值为自加或自减前的值;而写在后面,则返回值为自加或回值为自加或自减前的值;而写在后面,则返回值为自加或自减后的值。自减后的值。融智技术学院融智技术学院2
24、.7.6 比较运算符比较运算符 JavaScript脚本语言中用于比较两个数据的运算符脚本语言中用于比较两个数据的运算符称为比较运算符,包括称为比较运算符,包括“=”、“!=”、“”、“”、“=”等。等。融智技术学院融智技术学院2.7.7 逻辑运算符逻辑运算符 JavaScript脚本语言的逻辑运算符包括脚本语言的逻辑运算符包括“&”、“|”和和“!”等,用于两个逻辑型数据之间的操作,返等,用于两个逻辑型数据之间的操作,返回值的数据类型为布尔型。回值的数据类型为布尔型。融智技术学院融智技术学院2.7.8 逗号运算符逗号运算符 编写编写JavaScript脚本脚本代码时,可使用逗号代码时,可使用
25、逗号“,”将多将多个语句连在一起,浏览器载入该代码时,将其作为一个完个语句连在一起,浏览器载入该代码时,将其作为一个完整的语句来调用,但语句的返回值是最右边的语句。整的语句来调用,但语句的返回值是最右边的语句。融智技术学院融智技术学院2.7.9 空运算符空运算符 空运算符对应的关键字为空运算符对应的关键字为“void”,其作用是定义其作用是定义一个表达式,但该表达式并不返回任何值。修改源程序一个表达式,但该表达式并不返回任何值。修改源程序2.11中变量赋值语句为:中变量赋值语句为:dataA=(dataB=1,dataC=2,dataD=3);融智技术学院融智技术学院2.7.10?.:运算符运
26、算符 在在JavaScript脚本语言中,脚本语言中,“?.:”运算符运算符用于用于创创建条件分支。在动作较为简单的情况下,较之建条件分支。在动作较为简单的情况下,较之ifelse语语句更加简便,其语法结构如下:句更加简便,其语法结构如下:(condition)?statementA:statementB;融智技术学院融智技术学院2.7.11 对象运算符对象运算符 JavaScript脚本语言主要支持四种对象运算符,包脚本语言主要支持四种对象运算符,包括点号运算符、括点号运算符、new运算符、运算符、delete运算符以及()运算运算符以及()运算符等。符等。融智技术学院融智技术学院2.7.1
27、2 typeof运算符运算符 typeof运算符用于表明操作数的数据类型,返回数运算符用于表明操作数的数据类型,返回数值类型为一个字符串。在值类型为一个字符串。在JavaScript脚本语言中,其使脚本语言中,其使用格式如下:用格式如下:var myString=typeof(data);融智技术学院融智技术学院2.7.13 运算符优先级运算符优先级 JavaScript脚本编程中,运算表达式中可能含有多脚本编程中,运算表达式中可能含有多个运算符,同其他程序语言一样,这些运算符也是有处理个运算符,同其他程序语言一样,这些运算符也是有处理的先后顺序的。的先后顺序的。融智技术学院融智技术学院2.8
28、 核心语句核心语句 前面小节讲述了前面小节讲述了JavaScript脚本语言数据结构方面脚本语言数据结构方面的基础知识,包括基本数据类型、运算符、运算符优先级的基础知识,包括基本数据类型、运算符、运算符优先级等,本节将重点介绍等,本节将重点介绍JavaScript脚本的核心语句。脚本的核心语句。融智技术学院融智技术学院2.8.1 基本处理流程基本处理流程 基本处理流程就是对数据结构的处理流程,在基本处理流程就是对数据结构的处理流程,在JavaScript里,基本的处理流程包含三种结构,即顺序里,基本的处理流程包含三种结构,即顺序结构、选择结构和循环结构。结构、选择结构和循环结构。融智技术学院融
29、智技术学院2.8.2 if条件假设语句条件假设语句 if条件假设语句是比较简单的一种选择结构语句,若给条件假设语句是比较简单的一种选择结构语句,若给定的逻辑条件表达式为真,则执行一组给定的语句。其基本定的逻辑条件表达式为真,则执行一组给定的语句。其基本结构如下:结构如下:if(conditions)statements;融智技术学院融智技术学院2.8.3 switch流程控制语句流程控制语句 在在if条件假设语句中,逻辑条件只能有一个,如果有条件假设语句中,逻辑条件只能有一个,如果有多个条件,可以使用嵌套的多个条件,可以使用嵌套的if语句来解决,但此种方法会语句来解决,但此种方法会增加程序的复
30、杂度,并降低程序的可读性。若使用增加程序的复杂度,并降低程序的可读性。若使用switch流程控制语句就可完美地解决此问题。流程控制语句就可完美地解决此问题。融智技术学院融智技术学院2.8.4 for循环语句循环语句for循环语句是循环结构语句,按照指定的循环次数,循环循环语句是循环结构语句,按照指定的循环次数,循环执行循环体内语句(或语句块),其基本结构如下:执行循环体内语句(或语句块),其基本结构如下:for(initial condition;test condition;alter condition)statements;融智技术学院融智技术学院2.8.5 while和和do-whil
31、e循环循环语句语句while语句与语句与if语句相似,均有条件地控制语句(或语句块)语句相似,均有条件地控制语句(或语句块)的执行,其语言结构基本相同:的执行,其语言结构基本相同:while(conditions)statements;融智技术学院融智技术学院2.8.6 使用使用break和和continue进行循坏控制进行循坏控制 在循环语句中,某些情况下需要跳出循环或者跳过在循环语句中,某些情况下需要跳出循环或者跳过循环体内剩余语句,而直接执行下一次循环,此时需要通循环体内剩余语句,而直接执行下一次循环,此时需要通过过break和和continue语句来实现。语句来实现。break语句的作
32、用是立语句的作用是立即跳出循环,即跳出循环,continue语句的作用是停止正在进行的循语句的作用是停止正在进行的循环,而直接进入下一次循环。环,而直接进入下一次循环。融智技术学院融智技术学院2.8.7 with对象操作语句对象操作语句 在编写在编写JavaScript脚本过程中,经常需引用同一对象的脚本过程中,经常需引用同一对象的多个属性或方法,正常的对象属性或方法的引用途径能达到多个属性或方法,正常的对象属性或方法的引用途径能达到既定的目的,但代码显得尤为复杂。既定的目的,但代码显得尤为复杂。JavaScript脚本语言提脚本语言提供供with操作语句来简化对象属性和方法的引用过程,其语法
33、操作语句来简化对象属性和方法的引用过程,其语法结构如下:结构如下:with(objct)statements;融智技术学院融智技术学院2.8.8 使用使用forin进行对象循坏进行对象循坏 使用使用forin循环语句可以对指定对象的属性和方法循环语句可以对指定对象的属性和方法进行遍历,其语法结构如下:进行遍历,其语法结构如下:for(变量名变量名 in 对象名对象名)statements;融智技术学院融智技术学院2.8.9 含标签的语句含标签的语句 经常在循环标志前加上标签文本来引用该循环,其使用方经常在循环标志前加上标签文本来引用该循环,其使用方法是标识符后面加冒号法是标识符后面加冒号“:”
34、。在使用。在使用break和和continue语句配语句配合使用控制循环语句时,可使用合使用控制循环语句时,可使用break或或continue加上标识符加上标识符的形式使循环跳转到指定的位置。的形式使循环跳转到指定的位置。融智技术学院融智技术学院2.9 函数函数 JavaScript脚本语言允许开发者通过编写函数的方式组脚本语言允许开发者通过编写函数的方式组合一些可重复使用的脚本代码块,增加了脚本代码的结构化合一些可重复使用的脚本代码块,增加了脚本代码的结构化和模块化。函数是通过参数接口进行数据传递,以实现特定和模块化。函数是通过参数接口进行数据传递,以实现特定的功能。的功能。本小节将重点介
35、绍函数的基本概念、组成、全局函本小节将重点介绍函数的基本概念、组成、全局函数与局部函数、作为对象的函数以及递归函数等知识,让读数与局部函数、作为对象的函数以及递归函数等知识,让读者从头开始,学习如何编写执行效率高、代码利用率高,且者从头开始,学习如何编写执行效率高、代码利用率高,且易于查看和维护的函数。易于查看和维护的函数。融智技术学院融智技术学院2.9.1 函数的基本组成函数的基本组成 函数由函数定义和函数调用两部分组成,应首先定函数由函数定义和函数调用两部分组成,应首先定义函数,然后再进行调用,以养成良好的编程习惯。义函数,然后再进行调用,以养成良好的编程习惯。函数的定义应使用关键字函数的
36、定义应使用关键字function,其语法规则如下:,其语法规则如下:function funcName(parameters)statements;return表达式表达式;融智技术学院融智技术学院2.9.2 全局函数与局部函数全局函数与局部函数 JavaScript脚本语言提供了很多全局(内建)函数,脚本语言提供了很多全局(内建)函数,在脚本编程过程中可直接调用,在此介绍四种简单的全局函在脚本编程过程中可直接调用,在此介绍四种简单的全局函数:数:parseInt()、parseFloat()、escape()和和unescape()。融智技术学院融智技术学院2.9.3 作为对象的函数作为对象
37、的函数 JavaScript脚本语言中所有的数据类型、数组等均可作为脚本语言中所有的数据类型、数组等均可作为对象对待,函数也不例外。可以使用对象对待,函数也不例外。可以使用new操作符和操作符和Function对对象的构造函数象的构造函数Function()来生成指定规则的函数,其基本语法来生成指定规则的函数,其基本语法如下:如下:var funcName=new Function(arguments,statements;);融智技术学院融智技术学院2.9.4 函数递归调用函数递归调用 函数的递归调用即函数在定义时调用自身。函数的递归调用即函数在定义时调用自身。函数递归调用能使代码显得紧凑、
38、简练,但也存在执函数递归调用能使代码显得紧凑、简练,但也存在执行效率并低、容易出错、资源耗费较多等问题,推荐在递归行效率并低、容易出错、资源耗费较多等问题,推荐在递归调用次数较少的情况下使用该方法,其余情况尽量使用其余调用次数较少的情况下使用该方法,其余情况尽量使用其余方法来代替。方法来代替。融智技术学院融智技术学院2.9.5 语言注释语句语言注释语句 在在JavaScript脚本代码中,可加如一些提示性的语脚本代码中,可加如一些提示性的语句,以便提示代码的用途及跟踪程序执行的流程,并增加句,以便提示代码的用途及跟踪程序执行的流程,并增加程序的可读性,同时有利于代码的后期维护。上述提示性程序的
39、可读性,同时有利于代码的后期维护。上述提示性语句称作语言注释语句,语句称作语言注释语句,JavaScript脚本解释器并不执行脚本解释器并不执行语言解释语句。语言解释语句。融智技术学院融智技术学院2.9.6 函数应用注意事项函数应用注意事项 最后介绍一下在使用函数过程中应特别予以注意的几最后介绍一下在使用函数过程中应特别予以注意的几个问题,以帮助读者更好、更准确确地使用函数,并养成良个问题,以帮助读者更好、更准确确地使用函数,并养成良好的编程习惯。具体表现在如下几点:好的编程习惯。具体表现在如下几点:定义函数的位置定义函数的位置函数的命名函数的命名函数返回值函数返回值变量的作用域变量的作用域函
40、数注释函数注释函数参数传递函数参数传递融智技术学院融智技术学院2.10 本章小结本章小结 本章介绍了本章介绍了JavaScript脚本语言的基本语法知识,包括数据脚本语言的基本语法知识,包括数据类型、变量、运算符、核心语句,以及函数等相关内容。其中,类型、变量、运算符、核心语句,以及函数等相关内容。其中,数据类型和运算符较为简单,通过本章的学习相信读者可以完全数据类型和运算符较为简单,通过本章的学习相信读者可以完全掌握;变量、核心语句和函数等知识,本章只作简要的介绍,在掌握;变量、核心语句和函数等知识,本章只作简要的介绍,在后续章节将加大介绍的力度。后续章节将加大介绍的力度。本章还涉及到小部分与对象相关的知识,在后续章节中将进本章还涉及到小部分与对象相关的知识,在后续章节中将进行深入的讲解。行深入的讲解。JavaScript脚本是基于事件的程序开发语言,下脚本是基于事件的程序开发语言,下一章将重点介绍一章将重点介绍“JavaScript事件处理事件处理”的相关知识。的相关知识。