精品课件-Java Web程序开发与分析-第四章
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
变量与数据类型
(2) 数值
在JavaScript中所有数字都是以64位浮点数（即double 类型）存储的，没有整型和浮点型之分，即数值类型。
其中，全局函数parseInt()和parseFloat()可以将变量转化
为整数和浮点数。
parseInt("&110"); //=>NaN parseFloat("3.14*"); //=>3.14
JavaScript简介
在1994年，网景公司（现在的Mozilla基金会）开发出了第 一个浏览器Netscape Navigator。为了能在Web客户端对用 户提交的数据做一些简单的处理，网景公司的Brendan Eich设 计了网页脚本语言，最初命名为LiveScript。 1995年首次在Netscape Navigator 2.0中引入，作为 Navigator浏览器内置的脚本语言。
15
JavaScript与Java 因为不同浏览器对JavaScript标准实现有一定的差异，导 致不同浏览器之间的JavaScript代码不兼容。这是目前使用 JavaScript语言过程中需要注意的问题。
16
2、基本语句与数据类型
JavaScript代码为客户端浏览器脚本代码，JavaScript的 使用可以采用以下两种方式： （1）直接加入方式：
基本运算符
typeof typeof的优先级是最高的，因此typeof 对一个变量进行运
算时不需要括号，而判断一个表达式的结果类型需要用括号， 如下所示：
typeof a === typeof b typeof (a + b)
基本运算符
算术运算符：+，-，*，/，++，% 其中，除法（/）运算符两边操作数均为整数，则结果为整
本!"); --> </script>
</body>
2、基本语句与数据类型
（2）引用方式 如果已经存在一个JavaScript源文件（.js为扩展名），
则可以采用引用的方式，其引用格式如下： <script src=“文件地址” type=“text/javascript”> </script>
2、基本语句与数据类型
<html> <head> <title>换行与段落</title> </head> <body>
<img src=images/pic34.jpg align=right width=200
height=150> <script src="script.js" type="text/javascript"> </script> </body> </html>
采用<script> </script>标签，将JavaScript代码直接加 到HTML页面中。
2、基<本h语tm句l>与数据类型 <head> <title>Test</title> </head> <body> <img src=images/pic34.jpg
align=right width=200 height=150> <script language="javascript"> <!-document.write("这是JavaScript脚
var name=“wangxiao”
变量与数据类型
JavaScript中的数据类型有五类：数值（number）， 字符串（string），对象，array（数组）,布尔值（ boolean），null和undefined。
对象可以细分为对象（object），数组（array）和函 数（function）。
逻辑运算符：||，&&，! 逻辑运算符比关系运算符的优先级低。大多数情况逻辑运算
符仍然是对布尔值进行运算，但它不仅仅能对布尔值做运算， 也可以返回的也不是布尔值，例如：
var b; b = "" || "default"; //=> "default"
基本运算符 字符串运算符：+
字符串连接操作符 (+) 用于把一个字符串连接在另一个字 符串的后面，也能将一个数字与一个字符串连接。
目前，前端所涵盖的技术在不断发展更新，如：HTML5、 CSS3、Ajax等。
1、概述
（2）JavaScript与浏览器 JavaScript是目前最通用的浏览器脚本语言，可以嵌入到HTML
代码中，其解释器内置于几乎所有的主流浏览器中。 通过JavaScript脚本语言可以动态创建和修改HTML文档，增
强用户和浏览器的交互能力。
JavaScript简介
在1995年互联网兴起时，JavaScript据说是仅花费10天 就开发出来的一门语言，诸多设计漏洞被人诟病。
2005年，随着Google地图大量使用基于JavaScript的 Ajax技术，不仅标志web2.0时代的到来，也将提供浏览器与 用户交互功能的JavaScript推上新的高度。
"Peanut butter " + "and jelly"
表达式
运算符和操作数的组合称为表达式，通常包括：算术表 达式、赋值表达式、布尔表达式、字符串表达式、函数表 达式等。
表达式
//直接量表达式 3.1416 “string”
//变量 X
//算术表达式 1+1
//赋值表达式 x = 3.1416
13
JavaScript与Java （3）面向对象特性
JavaScript有面向对象的特性，但不是完全的面向对象编程 语言，它的对象继承机制不是同Java或C++语言使用类作为模 板，而是采用了一种“原型链”的机制实现的。
14
JavaScript与Java 在诞生之初，JavaScript语言的设计并不完善，但这没有影 响到该语言的流行，由于JavaScript解释器直接内嵌在浏览器 中的，这使得在非常短的时间里，JavaScript几乎完全取代了 Java Applet。 目前，它已成为设计Web系统客户端的主流编程语言。
JavaScript与Java
JavaScript和Java是两种不同的编程语言，二者之间并没 有太多内在的关联。
JavaScript从Java语言中借鉴了一些语法，但从语言特性 方面，二者的差别仍然是巨大的，主要包括：
JavaScript与Java
（1）动态类型语言 JavaScript是一种动态类型语言，在声明变量时，不需要声
Implements, let, private , public, yield, interface, package, protected, static
全局对象 argument, Infinity, NaN, undefined, JSON
变量与数据类型 JavaScript是一种动态类型语言，因此该语言的变量可 以存储不同类型的数据。JavaScript中的变量没有确定的 类型，为弱变量类型。
JavaScript的标识符是大小写敏感的，大写的标识符和 小写的是不同的。
标识符
类别
关键字与保留字
关键字
保留字
保留字 （严格模
式）
default, debugger, instanceof, null, this, typeof, var, void, with
class, const, enum, export, extends, import, super
变量与数据类型
(3) 字符串
在JavaScript中，不区分字符串和单个字符，一个字符
也是字符"串a 。str以in下g 均in为do合u法bl的e q字u符ot串es：" 'a string in single quotes' "a string in 'two kinds of' quotes" 'another string in "two kinds of" quotes' "a string \"need escape charaters\"" 'another string \'need escape charaters\' too' "a pathetic \ broken string" "a string waiting" + 'for being catenated'
明变量的类型，解释器会在运行时自动判定，而且同一个变量 可以赋给它不同类型的变量值，这是Java这种静态类型语言不 可以做到的。
因此，相比而言JavaScript更具灵活性。
12
JavaScript与Java （2）一等函数（first-class function）
JavaScript具有一等函数（first-class function）特性。“一 等函数”指的是，其函数也是一种数据类型，和数值、字符串 等变量类型一样。可以将函数赋值给变量，作为参数传递，或 者作为另一个函数的返回值，而不仅仅是操作变量的方式 。
JavaScript简介
2001年，Douglas Crockford提出了JSON格式，它是一种 轻量级的，用于在服务器和客户端之间交换数据的格式。它 以JavaScript来编码并格式化数据，可直接被JavaScript操 作。
2009年，Node.js平台诞生，服务端JavaScript语言编程应 用开始受到关注。
表达式
//条件选择表达式 x >= 0 ? 1 : -1
//函数调用表达式 add(1,1)
//属性访问表达式 array[i]
//匿名函数表达式 function (x){ console.log(x); }
标识符
变量、参数和标记等的名字称为标识符，它需要遵循有 一定规则，如：第一个字符不能是数字，可以是字母。
纯粹的HTML页面作为Web用户界面，相比于直接和操作 系统打交道的GUI界面，不仅页面的显示单一，功能也是非 常弱的。
4
1、概述
为了增强界面的显示效果，使用层叠样式表（CSS）分离 HTML元素和页面的表现形式，可以精确设计网页的视觉效果 与风格。 为了方便用户对页面元素的操纵，增强交互功能，可以使用 客户端脚本编程语言，如：JavaScript脚本 。
数 (舍去小数部分）； 求余运算（%） 返回第一个操作数除以第二个操作数后的
余数，且运算结果的符号与被除数相同，操作数可以为浮点数。
基本运算符
关系运算符：<,>,<=,>=,!= 为二元运算符，用来比较两个操作数，由两个操作数和关系
运算符构成一个关系表达式，其操作结果为true或false。
基本运算符
36
变量与数据类型
(3) 字符串
JavaScript的字符串性质和Java 的String对象有诸多相
似：每个字符都占两个Byte，也有许多相同的属性和方法 ，如vsta：rr.lestnrg=th"The quick brown fox jumps over the lazy dog."
20
基本运算符
JavaScript语言中的运算符主要有以下几类：
运算符
描述
. [] () new delete typeof + - ! */% +>= <= > < === !== == != && || ?:
数据存储、函数调用 一元运算 乘、除、取模 加/连接、减 不等式运算 等式运算 逻辑与、逻辑或、非 条件运算
Web程序设计 ---JavaScript编程
西安电子科技大学 计算机学院
1
课程内容 概述 基本语句与数据类型 函数 面向对象编程 文档对象模型DOM
2
1、概述
Web系统属于B/S体系结构，包括：浏览器客户端和服 务器端。
浏览器
服务器
客户现一定的用户与浏览器的动态交 互功能。对于一个Web系统而言，表示层也称为前端。 （1）前端技术
变量与数据类型
(1) undefined, null 基本类型中undefined和null表示值不存在,这两个类型区
别不是太大。undefined表示基本类型的值不存在，null表 示对象不存在，其区别如下：
Number(null); //=>0 Number(undefined); //=>NaN
JavaScript简介
网景公司希望借助Java语言的影响力，遂与Sun公司建立了 市场合作关系，该脚本语言被重新命名为JavaScript。
在1996年，Microsoft和Netscape同意为Java脚本语言指 定统一的规范，该规范由欧洲计算机厂商联合会（ECMA） 制定和管理，浏览器内置脚本语言的国际标准称为 ECMAScript。