JavaScript高级程序设计-读书笔记(1)

时间:2023-03-08 15:59:46
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的平方根 等等。