《Javascript高级程序设计》读书笔记之继承

javascript高级程序设计读书笔记-事件（一）

读书笔记,写的很乱事件处理程序事件处理程序分为三种: 1.html事件2. DOM0级,3,DOM2级别没有DOM1 同样的事件 DOM0会顶掉html事件因为他们都是属性而DOM0比html事件执行的晚(可以理解为谁离html元素近先执行谁) JS事件执行顺序理解先捕获(document-往下)->目标阶段(执行)->冒泡(具体到不具体); addEventListener 第三个参数默认false (false 是冒泡阶段执行) true 是捕获阶段执…

《JavaScript高级程序设计》笔记——关于继承

继承在JavaScript中是一种“奇葩”的存在,因为其本身并没有类(class)的概念(ES5),所以只能用其他方式(原型链.构造函数.对象实例)来模拟继承的行为.既然是模拟,那就应该是想办法实现继承的行为特点,个人认为继承的核心就是:能复用就复用,不能复用的就复制. 写在前面: 方法是属性的特殊形式,这里就用属性全权代表. 函数构造器里的属性是实例属性,每个实例都有自己的一份,实例之间互不影响. 原型对象里的属性为每个实例共享,一旦改变,所有实例的原型属性都改变…

javascript高级程序设计读书笔记

第2章在html中使用javascript 一般都会把js引用文件放在</body>前面,而不是放在<head>里, 目的是最后读取js文件以提高网页载入速度. 引用js文件时可以使用defer属性, 意思是延迟加载, 最后加载. 或者async属性, 意思是异步加载,不必等待其他脚本加载也不会阻塞文档加载. <script type='text/javascript' defer='defer' src='example.js'></script> &…

Javascript高级程序设计读书笔记（第六章）

第6章面向对象的程序设计 6.2 创建对象创建某个类的实例,必须使用new操作符调用构造函数会经历以下四个步骤: 创建一个新对象: 将构造函数的作用域赋给新对象: 执行构造函数中的代码: 返回新对象. 构造函数的问题:每个方法都要在每个实例上重新创建一遍: 理解原型对象: 无论何时,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象.默认情况下,所有原型对象都会自动获得一个constructor属性,这个属性包含一个指向proto…

JavaScript高级程序设计-读书笔记(7）

第22章高级技巧 1.高级函数 (1)安全的类型检测在任何值上调用Object原生的toString()方法,都会返回一个[object NativeConstructorName]格式的字符串.每个类在内部都有一个[[Class]]属性,这个属性中就指定了上述字符串中的构造函数名. 基于这一思路来测试某个值是不是原生函数或正则表达式,如: function isFunction(value){ return object.prototype.toString.call(value) ==…

JavaScript高级程序设计-读书笔记（3）

第8章 BOM 1.window对象 (1)全局作用域 BOM的核心对象是window,它表示浏览器的一个实例.在浏览器中,window对象既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象. 所有在全局作用域中声明的变量.函数都会变成window对象的属性和方法. (2)窗口关系及框架如果界面中包含框架,这每个框架都拥有自己的window对象,并且保存在frames集合中,可以通过数值的索引(从0开始,从左至右,从上到下)或者框架名称来访问相…

JavaScript高级程序设计-读书笔记（2）

第6章面向对象的程序设计创建对象 1.最简单方式创建Object的实例,如 var person = new Object(); person.name = “Greg”; person.age = 27; person.job = ”Doctor”; person.sayName = function() { alert(this.name); }; person. sayName(): 缺点:会产生大量重复代码 2.工厂模式:用函数来封装以特定接口创建对象的细节,如 function c…

JavaScript高级程序设计-读书笔记（1）

第1章 JavaScript简介 JavaScript是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成: l ECMAScript:提供核心语言功能: l 文档对象模型(DOM):提供访问和操作网页内容的方法和接口: l 浏览器对象模型(BOM):提供与浏览器交互的方法与接口. 第2章在HTML中使用JavaScript 把JavaScript插入到HTML页面中使用到<script>元素. HTML 4.01为<script&g…

javascript高级程序设计读书笔记----引用类型

Array类型. ECMAScript数组的每一项可以保存任何类型的数据. 数组大小是可以动态调整的. 创建数组第一种基本方式方式: 使用Array构造函数 var colors = new Array(); var colors = new Array(20);//length为20的数组f var colors = new Array("Red","Blue","Yellow",1);//创建包含3个字符串和一个数字的数组创建数组第…

JavaScript高级程序设计读书笔记

第一章 JavaScript 简介第二章 Html中使用JavaScript 第三章基本概念第四章变量,作用域,内存第五章引用类型第六章面向对象第七章函数表达式第八章 BOM 第九章客户端检测能力检测怪癖检测用户代理检测第十章 DOM DOM2 DOM3 DOM扩展第13章事件第14章表单脚本第15章使用Canvas 绘图第16章 HTML5 脚本编程第17章错误处理与调试第20章 JSON 第21章 Ajax 与 Comet 第22章高级技…

JavaScript高级程序设计读书笔记第一章

JavaScript是一种专门为与网页交互而设计的脚本语言 JavaScript实现 ECMAscript---核心 DOM---文档对象模型 BOM---浏览器对象模型…

Javascript高级程序设计读书笔记（第二章）

第二章在HTML中使用Javascript 2.1<script>元素延迟脚本(defer = "defer")表明脚本在执行时不会影响页面的构造,脚本会被延迟到整个页面都解析完毕后再运行.相当于告诉浏览器立即下载,但延迟执行.HTML5规定要求脚本按照它们出现的先后顺序执行. 异步脚本(async)如果有多个脚本文件,执行顺序不确定,指定async属性的目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容. XHTML代码的规则比编写HTML严格得多,下面…

JavaScript高级程序设计-读书笔记（6）

第20章 JSON JSON是一个轻量级的数据格式,可以简化表示复杂数据结构的工作量 JSON的语法可以表示一下三种类型的值 l 简单值:使用与JavaScript相同的语法,可以在JSON中表示字符串.数值.布尔值和null.但JSON不支持JavaScript中的特殊数值undefined. “Hello world!” l 对象(属性的值可以是简单值,也可以是复杂类型值,如下这样在对象嵌入对象) { “name” : ”Nicholas”, “age” : 29…

JavaScript高级程序设计-读书笔记（5）

第13章事件 1.事件流事件流描述的是从页面中接收事件的顺序.IE的事件流是事件冒泡流,而Netscape Communicator的事件流是事件捕获流. (1)事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档).以下面为例,如果你单击了页面中的<div>元素,那么这个click事件会按照如下顺序传播: (2)事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点应该最后接收到事件.事件捕获的用意在于事件到达预定目标之前捕获它.以下面为例,如果你…

JavaScript高级程序设计-读书笔记（4）

第11章 DOM扩展 1.选择符API Selector API Level 1 的核心是两个方法:querySelector()和querySelectorAll().在兼容的浏览器中,可以通过Document及Element类型的实例调用它们.目前完全支持Selector API Level 1的浏览器有IE 8+. Firefox 3.5+. Safari 3.1+. Chrome和Opera 10+. querySelector()方法接收一个CSS选择符,返回与该模式匹配的第一个元素,…

javascript高级程序设计读书笔记----严格模式

ECMAScript5最早引入“严格模式". 使用 "use strict"开启严格模式 function test(){ "use strict"; //开启严格模式 //do something... } 在严格模式下,会加强错误检测,不规范的javascript语法不会通过检测. 变量 message="Hello"; //非严格模式,没问题.严格模式,抛出ReferenceError var message="Hell…

javascript高级程序设计读书笔记----面向对象的程序设计

创建对象工厂模式 function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); } return o; } var person1 = createPerson("zhangsan", 18, "JavaScript Programmer&…

Javascript高级程序设计--读书笔记之理解原型对象

先上一段代码和关系图 function Person(){} Person.prototype.name = "Nic" Person.prototype.age = 22 Person.prototype.job= "Software Engineer" Person.prototype.sayName = function(){ alert(this.name) } var person1 = new Person(); var person2 = new Pe…

Javascript高级程序设计--读书笔记之面向对象（二）

前面讲了面向对象的封装,这章我们就来说一说继承 1.原型链实现原型链有一种基本模式,其代码大概如下 <script> function SuperType(){ this.property = true } SuperType.prototype.getSuperValue = function(){ return this.property; } function SubType(){ this.subproperty = false } //继承了 SuperType SubType.p…

JavaScript高级程序设计读书笔记之JSON

JSON(JavaScript Object Notation)JavaScript对象表示法.JSON是JavaScript的一个严格的子集,利用了JavaScript中的一些模式来表示结构化数据.关于JSON,最重要的是理解它是一种数据格式,不是一种编程语言.虽然具有相同的语法形式,但JSON并不从属于JavaScript.而且,并不是只用JavaScript才使用JSON,很多语言都有对JSON的解析器和序列化器.JSON(JavaScript Object Notation) 是一种轻量…

JavaScript高级程序设计读书笔记第二章

javascript高级程序设计读书笔记2

第五章引用类型对象是引用类型的实例,引用类型是一种数据结构,将数据和功能组织在一起.描述的是一类对象所具有的属性和方法.对象是某个特定引用类型的实例,新对象是使用new操作符后跟一个构造函数俩创建的,构造函数本身就是一个函数,只不过该函数试处于创建新对象的目的而定义的. eg: var person = new Object(); 1.创建Object实例的方式有两种一:new+Object 二:对象字面量 var person = new Object(); var pers…

javascript高级程序设计读书笔记1

第二章在HTML中使用JS 加载JS有三种:行内,head头部和外部链接JS 最好使用外部链接<script src="example.js" ></script>(推荐),在script标签中不需要放任何代码,放了也会被忽略.也可以使用<script src="example.js" /> 但是语法不符合HTML规范所以不要这样写. 在传统做法中,script放在head中,但是会等到加载完JS再执行DOM,页面会延…

Javascript高级程序设计读书笔记（第10章 DOM）

第10章 DOM 10.1 节点层次每个节点都有一个nodeType属性,用于表明节点的类型.任何节点类型必是下面中的一个: Node.Element_NODE(1); NODE.ATTRIBUTE_NODE(2); Node.TEXT_NODE(3); Node.CDATA_SECTION_NODE(4); Node.ENTITY_REFERENCE_NODE(5); Node.ENTITY_NODE(6); Node.PROCESSING_INSTRUCTION_NODE(7); Nod…

Javascript高级程序设计读书笔记（第三章）

第3章基本概念 3.4 数据类型 5种简单数据类型:undefined.boolean.number.null.string. typeof操作符,能返回下列某个字符串:“undefined”.“boolean”.“number”.“string”.“object”.“function” typeof null = "object" 对未初始化和未声明的变量执行typeof操作都返回“undefined”,如下所示 var message; //未初始化 //var age; //未…

javascript高级程序设计读书笔记----事件

DOM0级事件处理程序传统处理方式,即讲一个函数赋值给一个事件处理程序属性. DOM2级事件处理程序 addEventListener()和removeHandler()两个方法用于指定和删除事件处理程序. var EventUtil= { addHandler: function(element, type, handler){ if(element.addEventListener){ element.addEventListener(type, handler, false)…

javascript高级程序设计读书笔记----函数表达式

定义函数两种方式: 1.函数声明 function sayHi(){ alert("Hi"); } sayHi();//调用函数 2.函数表达式 var sayHi = function(){ alert("Hi"); } sayHi();//调用函数函数声明提升(function declaration hoisting):在执行代码之前会先读取函数声明. sayHi(); function sayHi(){//函数声明可以放到调用它的语句后面 alert(&q…

Javascript高级程序设计--读书笔记之面向对象（一）

哈哈哈万物皆对象,终于到了js的面向对象篇. 一.属性类型 (1)数据属性数据属性包含一个数据值的位置,在这个位置可以写入和读取数值,数据属性有四个描述器行为的特性 [[Configurable]]:表示能否通过 delete 删除属性而重新定义属性,默认值是ture [[Enumerable]]:表示能否通过 for-in 循环返回该属性,默认值true [[Writable]]:表示能否通过修改属性的值,默认值true [[Value]]:包含这个属性的数据值,默认值true 要修改默认属…

Javascript高级程序设计--读书笔记之Array类型

1.数组的lenght属性数组的lenght属性很有特点---他不是只读的,可以同过修改这个属性来向数组的末尾添值加或删除值, 删除值 var color = ["red", "blue", "green"]; color.length = 2; alert(color[2]); //undefined 新增值 var colors = ["red", "blue", "green"]…

javascript高级程序设计阅读笔记（一）

javascript高级程序设计阅读笔记(一) 工作之余开发些web应用作为兴趣,在交互方面需要掌握javascript和css.HTML5等技术,因此读书笔记是必要的. javascript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 文档对象模型 DOM doc…

【《Javascript高级程序设计》读书笔记之继承】的更多相关文章