JavaScript基本语法.ppt

隋春雨 Email：,了解JavaScript的命名规则 掌握JavaScript的基本语法元素变量，数据类型，运算符，表达式等 掌握JavaScript基本控制流程语句 掌握JavaScript中函数的定义与调用,2,变量名以字母、下划线或美元符号开头 变量名只能由字母、数字、下划线或美元符号组成，不能包含标点符号，不能使用汉字 不能使用JavaScript保留字 JavaScript对大小写敏感 变量名应该能够体现其本身的意义 首字母小写，第二个单词开始首字母大写 同一代码块中应统一规范，参照匈牙利命名法,3,2.2.1 变量的概念 变量是用来临时存储信息的，值可以改变的容器。 JavaScript中的变量使用来记录脚本中的临时值，以备后面脚本使用的量 2.2.2 变量的声明 在JavaScript中，可以使用var关键字来声明变 量，同时由于JavaScript是一种弱类型的脚本语言，变量还可以在不声明的情况下直接使用。 但是，使用var关键字显示地声明变量，可以提高程序的可读性。因此，在JavaScript中做 变量声明时，最好使用var显式的声明.,4,2.2.3 JavaScript声明有以下几种方法： 1.一次声明一个变量，只声明不给变量赋初始值。例如： var str； 2.一次声明同种类型的多个变量，不赋初始值。例如： var i,j,k; 3.一次声明一个变量，同时给变量赋值。 var size=0;,5,2.2.3 JavaScript声明有以下几种方法： 4.一次声明多个 变量，多个变量同时赋初始值。 var strid=“”,strName=“”; 注意： JavaScript 变量声明时，不指定变量的数据类型，一个变量一旦声明，可以存放任何数据类型的信息，JavaScript会根据存放信息的类型，自动为变量分配合适的数据类型。,6,2.2.4 变量作用域 变量的作用域是指变量有效的区间。根据 变量作用域不同可以将变量分为全局变量和局部变量 全局变量是指在整个JavaScript脚本中都有效的变量。这种变量需要在函数外面声明 局部变量只是在某一个函数中，或者某段脚本块中有效。,7,2.3.1 字符串类型string 字符串是指在JavaScript中用单引号或双引号包含起来的零至多个字符 在JavaScript中，字符与字符串的表示方法相同，两者仅是长度上的区别 获取字符串长度的方法是变量名.length 比较两个字符串是否相等，可以直接使用“=”来判断,8,2.3.2 数字类型 number 数字类型也称数值型，在JavaScript中不区分整型和浮点型，统一为数字类型。 JavaScript中数值的表述方法 科学记数法 1.23e2 八进制数值 0123 十进制数值 123 十六进制数值 0x123ff 无穷大：Infinity 非数字：NaN,9,2.3.3 布尔类型 boolean 布尔类型有且只有两种值：true和false 在JavaScript中，当比较两个表达式的值的时候，值为0的表达式看做false，而不为0的表达式看做true 在数学运算中，会将false转化为0，true转化为1,10,2.3.4 空类型null null是一种特殊的数据类型，它表示“无值” null类型数据唯一的、合法的值是null null还可以表示其他类型的数据，说明它们是无效的,11,2.3.5 未定义类型 undefined 如果使用的变量并不存在，或者使用的变 量虽然声明但没有赋值，那么返回的值就是undefined null与undefined的区别 null与undefined的不同之处在于：null值表示已经对变量赋值，只不过赋的值是“无值”；而undefined表示变量还不存在或者存在但没有赋值,12,2.3.6 使用typeof判断数据类型 其运算数可以是任意类型，运算结果返回一个字符串，用于表示运算数的类型 我们可以利用typeof来判断一个变量的数据类型,13,JavaScript运算符与Java语言运算符的类型和用法相似，在学习的过程中我们通过逐步回忆和复习来学习该知识点 JavaScript的内部运算符包括算术运算符、逻辑运算符、位运算符、赋值运算符、条件运算符、字符串运算符等,14,算术运算符用于数值之间的操作。 JavaScript的算术运算符如下表,15,请大家思考一下 自增、自减运算的执行顺序,逻辑运算符多用来判断条件，操作数一般是逻辑型数据 JavaScript逻辑运算符如下表,16,请大家回忆一下“短路运算符”,位运算符是将操作数转换成二进制进行操作，但返回值依然是之前的形式 位运算符如下表,17,赋值运算符是将一个值赋给另一个变量或表达式。JavaScript中的赋值运算符将右边的操作值做相关处理赋给左边的操作数。 JavaScript赋值运算符如下表,18,条件运算符是用于对操作符两边的操作数进行比较的运算符。 JavaScript的条件运算符如下表,19,等于运算符（=） 如果被比较的运算数是同类型的，那么等于运算符将直接对运算数进行比较；如果被比较的运算数类型不同，那么等于运算符在比较两个运算数之前会自动对其进行类型转换 严格等于运算符（= = =） 它在比较之前不会对运算数的类型进行自动转换。只有两个运算数在没有进行类型转换前是相等的，它才会返回true，否则返回false。,20,表达式是各种数值、变量、运算符的综合体，最简单的表达式可以是常量或者变量名称。 表达式的值是表达式运算的结果，常量表达式的值就是常量本身，变量表达式的值则是变量引用的值。,21,在实际编程中，可以使用运算数和运算符建立复杂的表达式，运算数是一个表达式内的变量和常量，运算符是表达式中用来处理运算数的各种符号。 常量表达式：“shxt” 变量表达式：example 赋值表达式：var example = “shxt”;,22,23,开始,语句A,语句B,开始,开始,循环体,循环条件,结束,开始,循环体,判断条件,结束,true,true,false,false,顺序结构,分支结构,循环结构,JavaScript赋值语句是赋值表达式加分号构成的表达式语句。 例如： i=0; i=j; sum=i+j; JavaScript是弱类型语言，可以不需要类型转换而将值直接赋给变量,24,switch是典型的分支结构,25,switch(表达式) case 条件1： 语句段; break; case 条件2： 语句段; break; default: 语句段; ,请大家思考break在这里的作用,JavaScript循环语句有三种：while循环，do while循环，for循环,26,do 循环体; while(循环条件),while(循环条件) 循环体; ,for(初始表达式;条件语句;增值表达式) 循环体 ,用JavaScript在HTML页面上输出“小九九乘法表” 用JavaScript在HTML页面上划出一个蓝绿相间的表格,27,break语句 break语句用于跳出循环。break可以结束while、do while、for循环。另外，break还在switch case语句中控制程序流程。 continue语句 continue语句用于结束当前循环，进入下一次循环。,28,if语句是一种分支结构，包括三种分支结构：单条件分支，双条件分支和多条件分支,29,if(条件) 语句块 ,if(条件) 语句块 else 语句块 ,if(条件) 语句块 else if(条件) 语句块 else 语句块 ,在数学领域，函数是一个集合的元素对应到另一个集合中的唯一元素的对应关系 在JavaScript中，函数是由多条JavaScript语句组成的，具有某些特殊功能的，有返回值的对象或对象的方法。,30,函数的定义由4部分组成：关键字、函数名、参数、函数体。 第一种定义称为有名函数，第二种为匿名函数。在实际应用中二者没有区别，但在调用中顺序上差异。有名函数可以在调用之后再定义，而匿名函数则不可以,31,function funName(参数) 语句块; ,var param=function (参数) 语句块; ;,函数中的参数的数量可以是0255，当存在多个参数时，参数之间用逗号分割 JavaScript的函数没有定义函数的返回值，JavaScript函数根据函数体中return语句的返回值来判断返回值的类型，若不存在return语句，则函数无返回值,32,函数中的语句不会在页面加载时就立即执行，只有当函数调用时才会执行 函数的调用非常简单，可以使用函数名加一对括号来调用一个函数，如果