JavaScript介绍.ppt

JavaScript的特点 是一种基于对象和事件驱动并具有相对安全性得客户端脚本语言 主要用于创建具有交互性较强得动态页面 其主要具有以下几个特点 1 基于对象 是基于对象得脚本变成语言 能通过DOM 文档结构模型 及自身提供得对象及操作方法来实现所需得功能 2 事件驱动 采用事件驱动方式 能响应键盘事件 鼠标事件以及浏览器窗口事件等 并执行指定得操作 3 解释性语言 是一种解释性脚本语言 无需专门编译器编译 而是在嵌入脚本得html文档载入时被浏览器逐行地解释 大量节省客户端与服务器端进行数据交互的时间 JavaScript的特点 4 实时性 提供简单高效得语言流程 灵活处理对象得各种方法和属性 同时及时响应文档页面事件 实现页面得交互性和动态性 5 跨平台 脚本得正确运行依赖于浏览器 而与具体得操作系统无关 只要客户端装有支持脚本得浏览器 脚本运行结果就能正确反映在客户端浏览器平台上 JavaScript的特点 6 开发使用简单 基本结构类似C语言 采用小程序段得方式变成 并提供了简易得开发平台和便捷得开发流程 就可以嵌入到html文档中供浏览器解释执行 同时得变量类型时弱类型 使用不严格 7 相对安全性 时客户端脚本 通过浏览器解释执行 它不允许访问本地得硬盘 并且不能将数据存入到服务器上 不允许对网络文档进行修改和删除 只能通过浏览器实现信息浏览或动态交互 从而有效地防止数据得丢失 JavaScript数据类型 JavaScript有六种数据类型 undefined null string number boolean和object 其中 前5种是原始数据类型 object是对象类型 其中 undefined数据类型 一个为undefined的值就是指在变量被创建后 但未给该变量赋值以前所具有的值 例如 vara alert a JavaScript数据类型 Object类型 除了5种基本类型以外的都属于Object类型 包括Object Function Array等等 Object是一个 无序的成员集合它是一个集合 说明它包含0 n个成员 而它是无序的 每一个成员由以下3个部分组成 名称 值 特征集合 JavaScript实用技巧 巧用JavaScript数据类型自带函数 例如join函数 sort函数 Math函数等等 sort函数巧用 vara c 12 c 45 c 5 c 8 c 1 a sort function b1 b2 returnb1 c b2 c alert a join 返回的是数组a基于每个子项中成员c的由小到大的排序 即 c 1 c 5 c 8 c 12 c 45 JavaScript实用技巧 Math max 这个函数可以返回括号内的最大的数字 也可以巧用作判断浏览器 例如 Math max 12 123 3 2 433 4 返回123varscrollTop Math max doc documentElement scrollTop doc body scrollTop 根据浏览器不同返回不是undefined的最大值 JavaScript实用技巧 数组的join函数可以巧妙的用于组合数据量大的字符串 可以起到java中Stringbuff的缓存功能 例如 vara a push 你好啊 a push adsasdasdasdasdads varstr a join 相当于先将大量的字符串缓存到数组中再一次性组合成字符串 JavaScript实用技巧 JavaScript的比较关系式 和 的区别在于 前者可以自动类型转换 后者不能 和 同理 例如 alert 1 1 返回truealert 1 1 返回false由于dom节点在文档dom树上具有唯一性 所以dom节点也是可以比较的 JavaScript实用技巧 call方法可以用来代替另一个对象调用一个方法 call方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象 再执行 vara function this bs aa this fn function alert this bs varb function this bs bb a call b 返回 bb JavaScript闭包简介 要理解闭包 首先必须理解Javascript特殊的变量作用域 变量的作用域无非就是两种 全局变量和局部变量 Javascript语言的特殊之处 就在于函数内部可以直接读取全局变量 另一方面 在函数外部自然无法读取函数内的局部变量 JavaScript闭包简介 函数内部声明变量的时候 一定要使用var命令 如果不用的话 你实际上声明了一个全局变量 Javascript语言特有的 链式作用域 结构 chainscope 子对象会一级一级地向上寻找所有父对象的变量 所以 父对象的所有变量 对子对象都是可见的 反之则不成立 JavaScript闭包简介 一个简单闭包 functionf1 varn 999 functionf2 alert n returnf2 由于在Javascript语言中 只有函数内部的子函数才能读取局部变量 因此可以把闭包简单理解成 定义在一个函数内部的函数 所以 在本质上 闭包就是将函数内部和函数外部连接起来的一座桥梁 JavaScript闭包简介 闭包可以用在许多地方 它的最大用处有两个 一个是前面提到的可以读取函数内部的变量 另一个就是让这些变量的值始终保持在内存中 由于闭包会使得函数中的变量都被保存在内存中 内存消耗很大 所以不能滥用闭包 否则会造成网页的性能问题 在IE中可能导致内存泄露 解决方法是 在退出函数之前 将不使用的局部变量全部删除 JavaScriptthis JavaScript中的this是指当前作用域 例如 vara function this bs 1111 alert a bs 返回undefinedvarb newa alert b bs 返回 1111 因为a是全局函数 那么a中的this指向全局作用域window 而newa 其实是创建了一个a 的副本 并在这个副本上进行的操作 所以这里的this就是a 的这个副本 JavaScriptprototype JavaScript没有提供传统的类结构 使你可以通过继承它 然后加入新功能来扩展一个类 相反 这门语言使用prototype属性来扩展现有对象 以及它们的示例 prototype是在运行期定义的一个属性和方法的集合 它对对象的每个示例都是有效的 而且不管这些示例是在prototype修改前 还是修改后建立的 prototype在JavaScript中的工作原理是 当访问对象的属性时 浏览器的脚本引擎首先会从本地属性 nativepropertie 中查找这个属性 接着会在prototype属性中进行查找 如果在prototype属性中没有找到 它就会检查示例级的属性 JavaScript单例 vara function varb this c 22 return fn1 function fn2 function alert this c 以上是一个典型的单例