JavaScript学习指南笔记
2016-09-19 11:24
162 查看
JavaScript基础指南
说明:本文档来源于JavaScript学习指南第二版
目录
4 JavaScript数组 2
FIFO队列 2
For循环遍历数组新方法: 3
JavaScript函数参数传递 3
匿名函数 4
JavaScript字面量 4
函数闭包与内存泄漏 5
内存泄漏 5
内存泄漏的本质是: 5
为什么函数闭包会引来内存泄漏 5
解决办法: 5
回调函数 6
JavaScript事件及捕获 7
事件句柄使用方法 7
DOM levelO事件 8
Event对象 8
浏览器兼容性处理 8
兼容模式下的事件 8
7.2.2 事件冒泡 9
事件句柄和this关键词 10
7.3 DOM level2事件模型 11
新事件模型与老事件模型的区别: 11
中止事件句柄执行: 11
新事件模型之浏览器兼容 12
微软的事件模型内存处理: 13
4 JavaScript数组
JavaScript数组也是一个对象。
数组构造:
Var newarray=new Array(‘noe’,two’’);这是显示构造
Var newarray=[‘’yq,’yo’];这是非显示构造,使用基本类型构造数组对象 (这是自动转换)string number Boolean 这些对象 不能通过基础类型 直接 构造对象
多维数组实现:
Var threedArray=new Array();
threedArray[0]=new Array(2,2,3,12,45);
threedArray[1]=new Array(4,45,11,44);
threedArray[2]=new Array(78,4,65,89);
JavaScript数组不需要提前知道数组元素的个数,新增元素会自动改变素组大小
Array.splice(x,y,’’,’**’) 在x位置开始改变y个元素 改变的值在后面依次排列 该函数返回移除的元素
Array.concat()连接不同的数组 并返回一个连接后的新数组
Concat和slice函数都不会改变原来的数组,而是创建一个新的数组作为返回值
JavaScript引擎会将素组转换成字符串,用默认的逗号分隔每个数组元素,
如果使用其余标识符分隔,使用join函数 并传入新的分隔符
实例:
Var string=xxxArray.join(‘分隔符’);
Array.reverse();对数组进行倒序排列
FIFO队列
数组可以保存一系列元素,并且访问方式是FIFO 数组对象有4个维护队列和列表的方法:push pop shift unshift
Push方法 将元素添加到数组最后面,返回新数组的长度length
Unshift 方法将元素添加到数组的最前面 一样返回新数组的长度length
Pop方法 移除数组最后一个元素 返回从数组中移除的元素
Shift 方法移除第一个元素 返回从数组中移除的元素
使用数组来实现一个队列FIFIO
function pushPop(){
//创建FIFo队列 通过push方法添加元素
var fifoArray=new Array();
fifoArray.push('Apple');
fifoArray.push('banana');
var ln=fifoArray.push('Cherry');
//输出数组的长度和内容
document.writeln('length is '+ln+'and array is '+fifoArray+'
');
//使用shift移除元素
for(var i=0;i
说明:本文档来源于JavaScript学习指南第二版
目录
4 JavaScript数组 2
FIFO队列 2
For循环遍历数组新方法: 3
JavaScript函数参数传递 3
匿名函数 4
JavaScript字面量 4
函数闭包与内存泄漏 5
内存泄漏 5
内存泄漏的本质是: 5
为什么函数闭包会引来内存泄漏 5
解决办法: 5
回调函数 6
JavaScript事件及捕获 7
事件句柄使用方法 7
DOM levelO事件 8
Event对象 8
浏览器兼容性处理 8
兼容模式下的事件 8
7.2.2 事件冒泡 9
事件句柄和this关键词 10
7.3 DOM level2事件模型 11
新事件模型与老事件模型的区别: 11
中止事件句柄执行: 11
新事件模型之浏览器兼容 12
微软的事件模型内存处理: 13
4 JavaScript数组
JavaScript数组也是一个对象。
数组构造:
Var newarray=new Array(‘noe’,two’’);这是显示构造
Var newarray=[‘’yq,’yo’];这是非显示构造,使用基本类型构造数组对象 (这是自动转换)string number Boolean 这些对象 不能通过基础类型 直接 构造对象
多维数组实现:
Var threedArray=new Array();
threedArray[0]=new Array(2,2,3,12,45);
threedArray[1]=new Array(4,45,11,44);
threedArray[2]=new Array(78,4,65,89);
JavaScript数组不需要提前知道数组元素的个数,新增元素会自动改变素组大小
Array.splice(x,y,’’,’**’) 在x位置开始改变y个元素 改变的值在后面依次排列 该函数返回移除的元素
Array.concat()连接不同的数组 并返回一个连接后的新数组
Concat和slice函数都不会改变原来的数组,而是创建一个新的数组作为返回值
JavaScript引擎会将素组转换成字符串,用默认的逗号分隔每个数组元素,
如果使用其余标识符分隔,使用join函数 并传入新的分隔符
实例:
Var string=xxxArray.join(‘分隔符’);
Array.reverse();对数组进行倒序排列
FIFO队列
数组可以保存一系列元素,并且访问方式是FIFO 数组对象有4个维护队列和列表的方法:push pop shift unshift
Push方法 将元素添加到数组最后面,返回新数组的长度length
Unshift 方法将元素添加到数组的最前面 一样返回新数组的长度length
Pop方法 移除数组最后一个元素 返回从数组中移除的元素
Shift 方法移除第一个元素 返回从数组中移除的元素
使用数组来实现一个队列FIFIO
function pushPop(){
//创建FIFo队列 通过push方法添加元素
var fifoArray=new Array();
fifoArray.push('Apple');
fifoArray.push('banana');
var ln=fifoArray.push('Cherry');
//输出数组的长度和内容
document.writeln('length is '+ln+'and array is '+fifoArray+'
');
//使用shift移除元素
for(var i=0;i
相关文章推荐
- Javascript学习指南(第2版)笔记(一) Script、数据类型和变量、操作符和语句
- Javascript学习指南(第2版)笔记(六) DOM、Ajax及其数据
- javascript 权威指南学习笔记
- Javascript学习指南(第2版)笔记(四) 表单、表单事件及校验
- javascript权威指南 学习笔记之javascript数据类型
- Javascript学习指南(第2版)笔记(三) 排错、调试、事件捕获
- JavaScript学习笔记(五)——函数对象2
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第24讲_js案例讲解_js自定义函数_学习笔记_源代码图解_PPT文档整理
- [前端JS学习笔记]JavaScript CallBack
- 学习笔记:Virtual PC 2007使用指南(三)
- (笔记)Spring MVC学习指南_数据绑定和表单标签库
- javascript学习笔记 (四)-面向对象的实现
- 【学习笔记】JavaScript编码规范-函数
- Python 创建、读取和写入文件以及yield关键字- 千月的python linux 系统管理指南学习笔记(14)
- javascript cookie学习笔记
- Javascript 学习 笔记三
- JavaScript学习笔记(四):JS浏览器BOM
- 高性能JavaScript--快速响应的用户界面(简要学习笔记三)
- [知了堂学习笔记]_JavaScript之typeof运算符
- JavaScript学习笔记五——类和对象