Day6_JS基础(3)

主要内容：工厂模式、原型的理解、垃圾回收、this指向。

 1.工厂模式

简单的工厂模式就是使用另外一个类或对象封装实例化操作。一般情况下如果创建了很多个对象，这时候就可以使用工厂模式去简化代码结构，方面阅读和修改。

如下所示：

function father(name, age) {
    var obj = new Object();
    obj.name = name;
    obj.age = age;
    obj.active = function () {
        console.log(this.name);
    };
    return obj;
}

var demo = father("sjd", 20);
demo.active();

我们每创建一次都是一个对象，同样也可以使用构造函数去展示这个效果。

 此时使用构造函数需要注意的是输出的是一个对象，然后需要实例化。构造函数有点类似工厂方法，但他创建的对象和返回的对象都被我们隐藏了，使用同一个构造函数创建对象成为一类对象，通过构造函数创建的对象，称为该类的实例。

function father(name, age) {
    this.name = name;
    this.age = age;
    this.active = function(){
        console.log(this.name);
    };
}

var demo = new father("sjd", 20);
console.log(demo);

2.原型

原型可以为我们在创建使用构造函数的时候，减少对内存的浪费，将函数抽取出来作为全局函数去使用，见代码：

function Person(name, age){
    this.name = name;
    this.age = age;
    this.sayName = sayName;
}
function sayName(){
    console.log("我叫："+this.name+"\n"+"今年"+this.age);
}

var person1 = new Person("sjd", 20);
person1.sayName();

我们要注意，在全局作用域中定义函数不是很好，会导致开发中出现一些名字重合等等问题、推荐这个时候我们使用prototype方法。见代码。

function Person(name, age) {
    this.name = name;
    this.age = age;
}
Person.prototype.sayName = function () {
    console.log("我叫：" + this.name + "\n" + "今年" + this.age);
}

var person1 = new Person("sjd", 20);
person1.sayName();

我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype，这个属性对应着一个对象，这个对象就是我们所谓的原型对象，即显式原型，原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容，统一设置到原型对象中。

3.垃圾回收

就跟生活一样，时间长了我们就需要去处理一下垃圾，程序也是如此子啊JavaScript中的垃圾回收很简单，设置对象为null就可以了，它可以自动将对象为null的在内存中销毁。

 4.this指向

以函数形式调用时，this永远都是window
以方法的形式调用时，this是调用方法的对象
以构造函数的形式调用时，this是新创建的那个对象
使用call和apply调用时，this是传入的那个指定对象

5.DOM

当网页被加载的时候，浏览器会创建也买你的文档都西昂模型（Document Object Model）

 

使用js可以改变html中的元素、属性、css样式。也能删除。也能添加新的html元素和属性，能对html的事件做出反应。