JavaScript基本语法.ppt

隋春雨Email：suichunyu1987,了解JavaScript的命名规则掌握JavaScript的基本语法元素变量，数据类型，运算符，表达式等掌握JavaScript基本控制流程语句掌握JavaScript中函数的定义与调用,2,变量名以字母、下划线或美元符号开头变量名只能由字母、数字、下划线或美元符号组成，不能包含标点符号，不能使用汉字不能使用JavaScript保留字JavaScript对大小写敏感变量名应该能够体现其本身的意义首字母小写，第二个单词开始首字母大写同一代码块中应统一规范，参照匈牙利命名法,3,2.2.1变量的概念变量是用来临时存储信息的，值可以改变的容器。JavaScript中的变量使用来记录脚本中的临时值，以备后面脚本使用的量2.2.2变量的声明在JavaScript中，可以使用var关键字来声明变量，同时由于JavaScript是一种弱类型的脚本语言，变量还可以在不声明的情况下直接使用。但是，使用var关键字显示地声明变量，可以提高程序的可读性。因此，在JavaScript中做变量声明时，最好使用var显式的声明.,4,2.2.3JavaScript声明有以下几种方法：1.一次声明一个变量，只声明不给变量赋初始值。例如：varstr；2.一次声明同种类型的多个变量，不赋初始值。例如：vari,j,k;3.一次声明一个变量，同时给变量赋值。varsize=0;,5,2.2.3JavaScript声明有以下几种方法：4.一次声明多个变量，多个变量同时赋初始值。varstrid=“”,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十六进制数值0 x123ff无穷大：Infinity非数字：NaN,9,2.3.3布尔类型boolean布尔类型有且只有两种值：true和false在JavaScript中，当比较两个表达式的值的时候，值为0的表达式看做false，而不为0的表达式看做true在数学运算中，会将false转化为0，true转化为1,10,2.3.4空类型nullnull是一种特殊的数据类型，它表示“无值”null类型数据唯一的、合法的值是nullnull还可以表示其他类型的数据，说明它们是无效的,11,2.3.5未定义类型undefined如果使用的变量并不存在，或者使用的变量虽然声明但没有赋值，那么返回的值就是undefinednull与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赋值表达式：varexample=“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循环，dowhile循环，for循环,26,do循环体;while(循环条件),while(循环条件)循环体;,for(初始表达式;条件语句;增值表达式)循环体,用JavaScript在HTML页面上输出“小九九乘法表”用JavaScript在HTML页面上划出一个蓝绿相间的表格,27,break语句break语句用于跳出循环。break可以结束while、dowhile、for循环。另外，break还在switchcase语句中控制程序流程。continue语句continue语句用于结束当前循环，进入下一次循环。,28,if语句是一种分支结构，包括三种分支结构：单条件分支，双条件分支和多条件分支,29,if(条件)语句块,if(条件)语句块else语句块,if(条件)语句块elseif(条件)语句块else语句块,在数学领域，函数是一个集合的元素对应到另一个集合中的唯一元素的对应关系在JavaScript中，函数是由多条JavaScript语句组成的，具有某些特殊功能的，有返回值的对象或对象的方法。,30,函数的定义由4部分组成：关键字、函数名、参数、函数体。第一种定义称为有名函数，第二种为匿名函数。在实际应用中二者没有区别，但在调用中顺序上差异。有名函数可以在调用之后再定义，而匿名函数则不可以,31,functionfunName(参数)语句块;,varparam=function(参数)语句块;,函数中的参数的数量可以是0255，当存在多个参数时，参数之间用逗号分割JavaScript的函数没有定义函数的返回值，JavaScript函数根据函数体中return语句的返回值来判断返回值的类型，若不存在return语句，则函数无返回值,32,函数中的语句不会在页面加载时就立即执行，只有当函数调用时才会执行函数的调用非常简单，可以使用函数名加一对括号来调用一个函数，如果函