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

Posted 2020-06-20 浅岸

第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 createPerson（name,age,job）{

var o = new Object();

o.name = name;

o.age = age;

o.job = job;

o.sayName = function() {

   alert(this.name);

};

}

var person1 = createPerson(“Greg”,27,”Doctor”);

person1. sayName;  //” Greg”

虽然解决了创建多个相似对象的问题，但却没有解决对象识别的问题（即怎样知道一个对象的类型）。

 

3.构造函数模式

function Person（name,age,job）{

this.name = name;

this.age = age;

this.job = job;

this.sayName = function() {

   alert(this.name);

};

}

var person1 = new Person(“Greg”,27,”Doctor”);

person1. sayName();  //” Greg”

注：按照惯例，构造函数始终应该以一个大写字母开头，而非构造函数则应该以一个小写字母开头。

使用构造函数的主要问题，就是每个方法都要在每个实例上重新创建一遍。

 

4.原型模型

我们创建的每个函数都有一个prototype（原型）属性，这个属性是一个对象，它的用途是包含可以由特定类型的所有实例共享的属性和方法。

function Person（name,age,job）{

}

Person. prototype.name = “Greg”;

Person. prototype.age = 27;

Person. prototype.job =”Doctor”;

Person. prototype.sayName = function() {

   alert(this.name);

};

 

var person1 = new Person();

var person2 = new Person();

 

person1.sayName();  // “Greg”

person2.name = “Nicholas”;

alert(“person1.name”);  //“Greg”——来自原型

alert(“person2.name”);   //“Nicholas”——来自实例

 

当调用构造函数创建一个新实例后，该实例的内部将包含一个指针（内部属性），指向构造函数的原型属性。

当为对象实例添加一个属性时，这个属性就会屏蔽原型对象中保存的同名属性；换句话说，添加这个属性只会阻止我们访问原型中的属性，但不会修改那个属性。不顾，可以使用delete操作符删除实例属性。

delete person2.name；

alert(“person2.name”);   //“Greg”——来自原型

 

使用hasOwnProperty()方法可以检测一个属性是存在于实例中，还是存在于原型中。

person2.name = “Nicholas”;

alert(“person2.name”);  //“Greg”——来自实例

alert(person1. hasOwnProperty(“name”));   //true

 

有两种方式使用in操作符：单独使用和在for-in循环中使用。在单独使用时，in操作符会在通过对象能够访问给定属性时返回true，无论该属性存在于实例中还是原型中。

alert（”name” in person1）;   //true

原型对象的问题：对于包含引用类型值的属性来说，原型的共享本性将导致一些问题。

 

5.组合使用构造函数模式和原型模式(创建自定义类型最常见方式)

function Person（name,age,job）{

this.name = name;

this.age = age;

this.job = job;

this.friend = [“Shelby”,”Court”];

};

 

Person. prototype = {

 constructor : Person,

sayName : function() {

alert(this.name);

    }

}

 

var person1 = new Person(“Nicholas”,29,”Engineer”);

var person2 = new Person(“Greg”,27,”Doctor”);

 

person1.friend.push(“Van”);

alert(person1.friend);    //” Shelby ,Court, Van”

alert(person2.friend);    //” Shelby ,Court”

alert(person1.friend === person2.friend);   //false

alert(person1.SayName === person2.SayName);   //true

是目前在ECMAScript中使用最广泛、认同度最高的一种创建自定义类型的方法。

 

6.寄生构造类型函数模式（上述几种模式都不适用的情况下使用）

function Person（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 person = new Person(“Greg”,27,”Doctor”);

person1. sayName();  //” Greg”

 

返回的对象与构造函数或者构造函数的原型属性之间没有关系。所以，建议在可以使用其他模式的情况下，不使用这种模式。

 

7.稳妥构造函数模式

function Person（name,age,job）{

  //创建要返回的对象

var o = new Object();

 

//可以在这里定义私有变量和函数

 

//添加方法

o.sayName = function() {

   alert(name);

};

//返回对象

return o;

}

最适合在一些安全的环境中（这些环境中会禁止使用this和new），或者防止数据被其他应用程序改动时使用。

 

 

继承

由于函数没有签名，在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承，而且其实现继承主要依靠原型链来实现的。

原型链的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。

使用最多的继承模式是组合继承，这种模式使用原型链来继承共享属性和方法，而通过借用构造函数继承实例属性。

 

第7章 匿名函数

匿名函数就是没有名字的函数。任何函数表达式从技术上说都是匿名函数。

闭包是指有权访问另一个函数作用域的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。由于闭包会包含它的函数的作用域，因此会比其他函数占用更多的内存，建议只在绝对必要时再考虑使用闭包。

 

this对象是在运行时基于函数的执行环境绑定的：在全局函数中，this等于window，而当函数被作为某个对象的方法调用时，this等于那个对象。不过，匿名函数的执行环境具有全局性，因此其this对象通常指向window。

 

任何在函数中定义的变量，都可以认为是私有变量，因为不能在函数的外部访问这些变量。

我们把有权访问私有变量和私有函数的共有方法称为特权方法。有两种在对象上创建特权方法的方式：

第一种是在构造函数中定义特权的方法；

第二种是使用静态私有变量来实现特权方法。

另外，可以使用模块模式、增强的模块模式来实现单例的特权方法。