《JavaScript 语法基础1.ppt》由会员分享，可在线阅读，更多相关《JavaScript 语法基础1.ppt（33页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、JavaScript 语法基础1目标l理解什么是JavaScriptl理解JavaScript的语法基础2什么是JavaScriptlJavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的Internet应用程序 l可用于创建客户端脚本和服务器端脚本l由Sun Microsystems 和 Netscape 开发，是从 Netscapes 的 Livescript 发展而来的3JavaScript的作用和基本语法规则l使用 JavaScript 的各种功能，可以增强站点的动态性和交互性。提供用户交互动态更改内容验证数据l与其他任何语言一样，JavaScript 也遵循一
2、些基本的语法规则，如：区分大小写使用成对的符号使用空格使用注释4JavaScript 工具和运行时环境lJavaScript 代码生成工具和 IDE 有助于创建功能强大的 JavaScript 代码。以下是其中一些工具：对话框弹出菜单生成器远程控件l运行时环境客户端脚本编写Web 服务器上的 JavaScript5JavaScript作为客户端程序嵌入网页l使用Script标记l使用外部文件l在事件处理程序中使用JavaScript6使用Script标记示例 祝学有所成!7使用外部文件示例 祝学有所成!document.write(嗨！你好吗？嗨！你好吗？)test.js8在事件处理程序中使用
3、JavaScript示例 JavaScript示例示例 9使用Alert/Confirm/Write/prompt方法l使用窗口的Alert方法，可以生成一个对话框l使用窗口的Confirm方法，可以生成一个确认对话框l使用document的Write方法可以创建页面内容 10变量l变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值 l变量的命令约定变量名必须以字母或下划线(_)开头变量名可以包含数字由于JavaScript区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符11声明变量lvar new_amount;lvar answer=null;lvar old
4、_cost=12.50;lvar result=Unknown result;lvar a,b,c;lresult=true;12变量的作用域Function1、Function2和和Function3都都可以访问可以访问脚本脚本全局变量全局变量Function1局部变量局部变量aFunction2局部变量局部变量bFunction3局部变量局部变量c13Javascript中保留字 lbreak false in this void continue for new true while delete function null typeof with else if return varc
5、ase debugger export super catch default extends switch class do finally throw const enum import try14数据类型l在JavaScript中有四种基本的数据类型l基本类型属于弱类型数据类型描述数字型(Number)整数或实数逻辑型或布尔型(Boolean)True或False字符串型(String)如“Hello World”，“123.4”空型(null)表示空值的特殊关键字15运算符l算术运算符l比较运算符l逻辑运算符l字符串运算符l求值运算符16算术运算符运算符说明示例+如果操作数都是数字时执
6、行加法运算，如果其中的操作数有字符串时，会执行连接字符串的作用A=5+8/结果是13A=5+8/结果是58-减法A=8 5*乘法A=8*5/除法A=20/5%取余-相除之后的余数10%3=1+一元递增。此运算符只计算一个操作数，将操作数的值加1。返回的值取决于+运算符是位于操作数之前还是位于操作数之后。+x返回递增后的x值x+返回递增前的x值-一元递减。此运算符只计算一个操作数。返回的值取决于-运算符是位于操作数之前还是位于操作数之后-x返回递减后的x值x-返回递减前的x值-一元求反。此运算符返回操作数的相反数 如果a等于5，则-a=-517比较运算符运算符说明示例=等于。如果两个操作数相等，
7、则返回True全等。a=b!=不等于。如果两个操作数不等，则返回TrueVar2!=5大于。如果左操作数大于右操作数，则返回TrueVar1 var2=大于或等于。如果左操作数大于或等于右操作数，则返回TrueVar1=5Var1=var2小于。如果左操作数小于右操作数，则返回TrueVar2 var1=小于或等于。如果左操作数小于或等于右操作数，则返TrueVar2=4Var2=18)?adult:minor20字符串运算符lx=yellow;ly=green;lz=x+y+white;则z为yellowgreenwhitelw=y+9;则w为green921表达式l表达式用于在不同上下文中
8、操作和计算变量。l表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。l表达式类型算术：计算结果为一个数字逻辑：计算结果为一个布尔值字符串：计算结果为一个字符串l表达式通过运算符组合变量和文字22数组l数组用于存储具有相同数据类型的一组值，使用下标（索引）来区分各个值。l在JavaScript中，数组的下标以零开始。lJavaScript没有明确的数组数据类型，但却有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。23创建数组l语法：arrayObjectName=new Array(element0,element1,.,elementN)l初始化1.将指定的
9、值作为其元素2.使用arrayName=new Array(N)对象名对象名元素值列表元素值列表元素个数元素个数24数组赋值l在创建数组时将元素的值直接赋给数组。l对数组的元素赋值。25访问数组元素l指定元素的索引号emp026数组对象的元素和方法llength属性lsort方法ljoin方法lreverse方法 27多维数组 28条件语句lif else语句lswitch语句if(condition)statements;else statements2;switch(expression)case value1:statements;break;case value2:statements
10、;break;.default:statements;29循环语句lforldowhilelwhilelbreaklcontinue30函数l预定义函数eval 函数isNaN 函数l用户自定义函数创建用户定义的函数l 调用函数lreturn 语句function funcName(argument1,argument2,etc)statements;31函数示例function hello()document.write(你好！);document.write(欢迎使用hello()函数);return;function sum_up(one,two)var result=one+two;r
11、eturn result;function sum_all()var loop=0,sum=0;for(loop=arguments.length-1;loop=0;loop-)sum+=argumentsloop;return sum;hello();var total=sum_up(7,9);document.write(total+sum_up(8,15);document.write(+sum_all(1,5,8,7,6);32总结lJavaScript是一种脚本语言，使用它可以创建客户端脚本和服务器端脚本。l可以使用不同的方法将JavaScript语句插入到HTML文档中。lJavaScript支持的基本数据类型有数字型、逻辑型或布尔型、字符串型 和空型。lJavaScript支持的运算符包括：算术运算符、比较运算符、逻辑运算符、字符串运算符和求值运算符。l数组用于存储具有相同数据类型的一组值变量l条件语句包括：if.else和分支语句switch。l循环语句包括for循环、dowhile、while、break&continue语句。lJavaScript具有一些预定义函数，也可以创建自定义函数。33