javascript学习笔记.docx

共70页，复制两页供参考，如下： 1 JavaScript基本语法 1) 读未声明的变量会产生错误。写未声明的变量会是JavaScript环境自动产生一个全局变量。 2) 对于完全等同“===”，两个null或者两个undefined是等同的；但null与undefined是不等同的。 3) 对于相等“==”， null与undefined是相等的。若值与对象比较，核心语言内部类会尝试用valueof()转换，再尝试用toString()转换。就是说valueof()会比toString()有更高的优先级。但规则不绝对，例如Date类，它会首先尝试用toString()转换。当类的这两个方法实现不一致时，在要进行类型转换时指定具体的实现方法比较安全。 4) 在比较运算中，若一个对象或值被转换成NaN（Not a Number），则永远返回false。 5) in可以检查指定字符串是否是一个对象的基本属性或方法名称；instanceof运算符返回左边的对象是否右边类的一个实例；delete可以删除一个属性，它不会影响到属性关联的对象的生存，若该属性不存在会返回true；[]可以以字符串的方式存取对象的属性。 6) typeof函数的返回值：数字——number，字符串——string，布尔值——Boolean，对象、数组、null——object，函数名——function或undefined（未定义时）。主要用来区别区别对象和原始类型。要区分对象的具体类型，用instanceof运算符。 7) 在函数体内有隐含的arguments对象，可取得所有传入的参数，可用类似数组的方式读/写各参数，length属性表示参数的个数。但函数的只读属性length表示函数实际定义的参数个数。一个名为callee的属性代表函数本身。 8) 构造函数也是函数，但它通过new调用，无返回值。函数体内通过this来取得将要初始化的对象。 9) 对象的方法可用this对对象自身进行操作，其它方面与普通的函数没有任何区别。 10) 每个类都有一个原型（prototype）对象，它具有一套属性和方法，用来共享一个类的方法和常量，还有一个constructor的属性引用构造函数。 11) JavaScript中面向对象的特性： a) 实例属性：在构造函数创建或初始化的属性。 b) 实例方法：在构造函数中把原型对象中的一个属性设为函数来实现。 c) 类属性：构造函数本身的属性。 d) 类方法：用合适的函数作为构造函数本身的一个属性。 e) 子类：把原型对象赋值为父类的一个实例，默认父类为Object的实例。同时还要将prototype.constructor赋值为子类的构造函数自己。 f) 继承：只是在查询一个属性时自动发生，而不会在写属性时发生，就是说单写一个父类的属性时，JavaScript环境会为对象本身创建一个同名的属性，从此该属性就覆盖了父类中的属性。 12) 创建一个数组可用 new Array() 。可以在构造函数参数中指定数组的前n个元素的值。数组的元素可以具有任意类型，甚至是另外一个数组。同一数组中可以存在不同类型的元素。数组的length是可读写的。这也是缩短一个数组的唯一方法。 2 客户端JavaScript 2.1 Window类 1) Window类的实例是全局对象，用它的window或者self属性可引用它自己。 2) 一个应用程序出现的每个窗口或框架都对应一个Window对象，而且都为客户端JavaScript代码定义了一个唯一的执行环境。 3) 脚本执行过程是Web浏览器的HTML解析过程的一部分。脚本按照它们的出现顺序执行。 4) 简单的对话框可用：alert()、 confirm()、 prompt()之一。 5) 时间间隔方法为： setInterval()、 cleraInterval() 。 6) onerror属性指明错误处理的方式。 navigator属性包含Web浏览器总体信息。 screen属性包含显示器的信息。 7) 打开窗口用open()方法，返回值是被打开的窗口。调用应该明确指明是window.open()，以避免和document.open()方法混淆。同时还应该调用focus()方法使窗口成焦点保证窗口可见。opener属性是打开自己的那个窗口，若是用户手动打开，这位null。 8) 关闭窗口用window.close()方法，窗口关闭后，代表它的Window对象可能还生存，可用closed属性进行判断它是否已经被关闭。 9) 控制窗口几何大小可用moveTo()、moveBy()、resizeTo()、resizeBy()。滚动可用scrollTo、scrollBy()。 10) 成焦点和失焦点可用 focus()、blur()。 11) location属性代表当前显示文档的URL。对其赋值使浏览器装载新的URL（用Back按钮能回退到原页面）。其实，它是Location类的一个实例，它还有一个reload()方法可以装载信的URL（用Back按钮不能回退到原页面）。 12) history属性可看成是代表历史URL的一个特殊数组，它的可读length属性表明数组的长度。支持三种方法back()、forword()、go()。 13) 一个窗口中的任何框架都可以使用属性frames、parent和top引用窗口中的其它框架。 14) 若框架指定了名字，引用就会被存储到它的父Window对象的一个同名新属性中。 15) 自定义的函数和构造函数只在定义它的窗口中可见。别的窗口要先通过一个属性来引用。但JavaScript默认的函数和构造函数会在每个窗口中拥有独立副本。 16) onload()和onunload()事件分别在网页装载完成后和卸载前执行。 JavaScript是一种广泛用于网页和网络应用的编程语言，它在客户端和服务器端都能运行。这篇学习笔记主要涵盖了JavaScript的基础语法和客户端JavaScript的相关知识。 1. **JavaScript基本语法**： - **变量声明**：未声明的变量尝试读取时会产生错误，而写入未声明的变量会创建一个全局变量。 - **比较运算符**：“===”表示全等，null和undefined全等，但两者之间不全等。“==”会进行类型转换，null和undefined在此时是相等的。valueof()和toString()在比较过程中起到作用，但具体行为取决于对象类型。 - **类型检查**：使用`typeof`可以检查变量的类型，如number、string、Boolean、object、function或undefined，但无法区分对象的具体类型，此时需用`instanceof`。 - **arguments对象**：函数体内部有一个隐含的arguments对象，可获取所有传入参数，其length属性表示参数数量，callee属性指向函数自身。 - **构造函数**：构造函数通过`new`关键字调用，用于初始化对象，使用`this`关键字引用将要初始化的对象。 - **原型对象**：每个类都有一个原型对象，用于共享方法和常量，prototype属性包含构造函数引用。 2. **面向对象特性**： - **实例属性和方法**：在构造函数中创建或初始化。 - **类属性和方法**：构造函数自身的属性和方法。 - **继承**：通过原型链实现，写入属性时会在当前对象创建同名属性，覆盖父类属性。 3. **数组操作**： - **创建数组**：使用`new Array()`，可以提供参数初始化元素，数组元素可为任意类型，length属性可读写，用于调整数组长度。 4. **客户端JavaScript**： - **Window对象**：全局对象，代表浏览器窗口，提供对话框函数如alert()、confirm()、prompt()，定时器方法setInterval()和clearInterval()，以及错误处理属性onerror。 - **导航和历史**：location对象用于获取和设置当前URL，history对象提供了浏览历史操作。 - **窗口控制**：open()方法打开新窗口，close()方法关闭窗口，frames、parent和top属性引用框架，以及focus()和blur()方法切换焦点。 - **事件处理**：如onload()和onunload()分别在页面加载完成和卸载前触发。 JavaScript的客户端实现通常与浏览器的Web API紧密结合，如Window类提供的功能，让开发者能够实现丰富的交互和动态效果。理解这些基础知识对于编写高质量的JavaScript代码至关重要。在实际开发中，还需要了解DOM操作、事件处理、异步编程（如Promise和async/await）、模块化（如CommonJS和ES模块）等方面的知识，以构建复杂且健壮的前端应用。