JavaScript语法基础1.ppt

1,JavaScript 语法基础,2,目标,理解什么是JavaScript 理解JavaScript的语法基础,3,什么是JavaScript,JavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的Internet应用程序 可用于创建客户端脚本和服务器端脚本 由Sun Microsystems 和 Netscape 开发，是从 Netscapes 的 Livescript 发展而来的,4,JavaScript的作用和基本语法规则,使用 JavaScript 的各种功能，可以增强站点的动态性和交互性。 提供用户交互 动态更改内容 验证数据 与其他任何语言一样，JavaScript 也遵循一些基本的语法规则，如： 区分大小写 使用成对的符号 使用空格 使用注释,5,JavaScript 工具和运行时环境,JavaScript 代码生成工具和 IDE 有助于创建功能强大的 JavaScript 代码。以下是其中一些工具： 对话框 弹出菜单生成器 远程控件 运行时环境 客户端脚本编写 Web 服务器上的 JavaScript,6,JavaScript作为客户端程序嵌入网页,使用Script标记 使用外部文件 在事件处理程序中使用JavaScript,7,使用Script标记示例, 祝学有所成! ,8,使用外部文件示例, 祝学有所成! ,document.write(“嗨！你好吗？“),test.js,9,在事件处理程序中使用JavaScript示例, JavaScript示例 ,10,使用Alert/Confirm/Write/ prompt方法,使用窗口的Alert方法，可以生成一个对话框 使用窗口的Confirm方法，可以生成一个确认对话框 使用document的Write方法可以创建页面内容,11,变量,变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值 变量的命令约定 变量名必须以字母或下划线 (_) 开头 变量名可以包含数字 由于JavaScript区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符,12,声明变量,var new_amount; var answer = null; var old_cost = 12.50; var result =“Unknown result“; var a, b, c; result = true;,13,变量的作用域,14,Javascript中保留字,break false in this void continue for new true while delete function null typeof with else if return var case debugger export super catch default extends switch class do finally throw const enum import try,15,数据类型,在JavaScript中有四种基本的数据类型 基本类型属于弱类型,16,运算符,算术运算符 比较运算符 逻辑运算符 字符串运算符 求值运算符,17,算术运算符,18,比较运算符,19,逻辑运算符,20,求值运算符,通常这些运算符包括： 条件运算符： (condition) ? trueVal : falseVal typeof 运算符 typeof 运算符返回字符串，该字符串代表操作数的类型,var x = 5; document.write(typeof(x);,status = (age = 18) ? “adult“ : “minor“,21,字符串运算符,x = “yellow“; y = “green“; z = x + y + “white“; 则z为yellowgreenwhite w = y + 9; 则w为green9,22,表达式,表达式用于在不同上下文中操作和计算变量。 表达式是任意一组有效的文字、变量和运算符，其计算结果为一个值。 表达式类型 算术：计算结果为一个数字 逻辑：计算结果为一个布尔值 字符串：计算结果为一个字符串 表达式通过运算符组合变量和文字,23,数组,数组用于存储具有相同数据类型的一组值，使用下标（索引）来区分各个值。 在JavaScript中，数组的下标以零开始。 JavaScript没有明确的数组数据类型，但却有内置的数组对象。要在程序中使用数组，必须使用数组对象及其相关联的方法。,24,创建数组,语法： arrayObjectName = new Array(element0, element1, ., elementN) 初始化 1.将指定的值作为其元素 2.使用arrayName = new Array(N),对象名,元素值列表,25,数组赋值,在创建数组时将元素的值直接赋给数组。 对数组的元素赋值。,26,访问数组元素,指定元素的索引号,emp0,27,数组对象的元素和方法,length属性 sort方法 join方法 reverse方法,28,多维数组,29,条件语句,if else语句 switch语句,if (condition) statements; else statements2; ,switch (expression) case value1: statements; break; case value2: statements; break; . default :statements; ,30,循环语句,for dowhile while break continue,31,函数,预定义函数 eval 函数 isNaN 函数 用户自定义函数 创建用户定义的函数 调用函数 return 语句,function funcName(argument1,argument2,etc) statements; ,32,函数示例, function hello( ) document.write (你好！); document.write (欢迎使用hello( )函数); return; function sum_up ( one, two) var result = one + two; return 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) ); ,33,总结,JavaScript是一种脚本语言，使用它可以创建客户端脚本和服务器端脚本。 可以使用不同的方法将JavaScript语句插入到HTML文档中。 JavaScript支持的基本数据类型有数字型、逻辑型或布尔型 、字符串型 和空型。 JavaScript支持的运算符包括：算