JavaScript高级程序设计-读书笔记(1)
第1章 JavaScript简介
JavaScript是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成:
l ECMAScript:提供核心语言功能;
l 文档对象模型(DOM):提供访问和操作网页内容的方法和接口;
l 浏览器对象模型(BOM):提供与浏览器交互的方法与接口。
第2章 在HTML中使用JavaScript
把JavaScript插入到HTML页面中使用到<script>元素。
HTML 4.01为<script>定义了下列6个属性:
l async:可选,表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本文件有用。
l charset(很少用)
l defer:可选,表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有用。
l language(已废弃)
l src:可选,表示包含要执行代码的外部文件。
l type:可选,如果没指定这个属性,这其默认值仍为text/javascript。
使用<script>元素的方式有两种:直接在HTML界面中嵌入JavaScript代码和包含外部的JavaScript文件。
注意:带有scr属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的JavaScript代码。
标签位置:一般把<script>元素放在界面内容之后和结束的</body>标签之前。
使用<noscript>元素可以指定在不支持脚本的浏览器中显示的替代内容。但在启动了脚本的情况下,浏览器不会显示<noscript>元素中的任何内容。
第3章 基本概念
1、语法
与 Java 一样,变量、函数名、运算符以及其他一切东西都是区分大小写的。
标识符需要遵守两条简单的规则(采用驼峰式大小写格式):
- 第一个字符必须是字母、下划线(_)或美元符号($)
- 余下的字符可以是下划线、美元符号或任何字母或数字字符
2、数据类型
ECMAScript 有 5 种基本数据类型(primitive type),即
Undefined:表示变量还没有赋值,或赋予一个不存在的属性值
Null:表示变量被赋予了一个空值
Boolean:布尔值
Number:数值
String:字符串
还有一种复杂数据类型Object:一组数据和功能的集合
有3个函数可以把非数值转换为数值:Number()、parseInt()、parseFloat()。
第4章 变量、作用域和内存问题
1、ECMAScript变量可能包含两种不同数据类型的值:基本类型值(栈内存中的简单数据段)和引用类型值(堆内存中的内存,实际上保存的只是一个指针)。
确定一个值是哪种基本类型的可以使用typeof操作符,而确定一个值是哪种引用类型可以使用instanceof操作符。
2、执行环境有全局执行环境和函数执行环境之分。
内部环境可以通过作用域链访问外部环境,但外部环境不能访问内部环境中的任何变量和函数。
延长作用域链:当执行流进入下列任何一个语句时
ry-catch语句的catch块;
ith语句。
3、JavaScript是一门具有自动垃圾收集机制的编程语言,开发人员不必关心内存分配与回收问题。
第5章 引用类型
1、Object类型
创建Object实例的两种方式:
第一种是使用new操作符后跟Object构造函数,如
var person = new Object();
person.name = "Nicholas";
person.age = 29;
另一种方式是使用对象字面量表示法,如
var person = {
name : "Nicholas",
age : 29
};
2、Array类型
ECMAScript数组的每一项可以保存任何类型的数据
(1)创建数组
//使用Array构造函数
var colors = new Array();
var colors = new Array(3); //创建包含3项的数组,每一项的初值都是undefined
var colors = new Array(“red”,”blue”,”green”); //创建一个包含3个字符串值的数组
//使用数组字面量表示法
var colors = [“red”,”blue”,”green”]; //创建一个包含3个字符串的数组
(2) 访问和设置数组
alert(colors[0]); //显示第一项
colors[2] = “black”; //修改第三项
//数组的项数保存在其length属性中
alert(colors.length);
转换方法:数组继承的toLocaleString()、toString()和valueOf()方法,在默认情况下都会以逗号分隔的字符串的形式返回数组项。而如果使用join方法,则可以使用不同的分隔符来构建这个字符串。
数组的各种操作:
(1)使用push()和pop方法实现类似栈的行为
(2)结合使用shift()和push()方法,可以像使用队列一样使用数组。此外,unshift()与shift()的用途相反
(3)排序:反转数组项的顺序reverse()和升序sort()
(4)concat 方法
返回一个新数组,这个新数组是由两个或更多数组组合而成的。
array1.concat([item1[, item2[, . . . [, itemN]]]])
(5)slice 方法
返回一个数组的一段。
arrayObj.slice(start, [end])
(6)splice 方法
从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
3、Date类型
可以通过 new 关键词来定义 Date 对象,如
var myDate=new Date()
在调用Date构造函数而不传递参数的情况下,新创建的对象自动获取当前日期和时间。
如果想根据特定日期和时间创建日期对象,ECMAScript提供了两个方法:Date.parse()和Date.UTC()。
4、RegExp类型
使用下面的语法可以创建一个正则表达式:
var expression = / pattern / flags;
其中flags支持下面3个标志:
u g——表示全局(global)模式
u i——表示不区分大小写(case-insensitive)模式
u m——表示多行(multiline)模式
5、Function类型
函数声明,如:
function sum(num1,num2){
return num1+num2;
}
函数表达式,如
var sum = function(num1,num2){
return num1+num2;
}
函数声明与函数表达式的区别:
解析器在向执行环境中加载数据时,解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。
6、内置对象
在所有代码执行之前,作用域中就已经存在两个内置对象:Global和Math。
全局变量和函数都是Global对象的属性。
Math对象为保存数学公式和信息提供了一个公共位置。
l min()和max()方法用于确定一组数值中的最小值和最大值;
l 舍入方法ceil()、floor()、round();
l random()方法返回介于0和1之间一个随机数,不包括0和1;
l 其他方法 Math.abs(num)返回num的绝对值、Math.sqrt(num)返回num的平方根 等等。