javascript - 构造函数模式和原型模式以及模块化写法的区别？

Question

今天翻阅红宝书上的组合使用构造函数和原型模式

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.skill = ['javascript', 'php'];
}

Person.prototype = {
    constructor: Person,
    sayName: function() {
        console.log(this.name);
    }
}

想问这种写法和在阮一峰blog里的立即执行函数（IIFE）写法有什么不同呢？

var Person = (function(name, age ,job) {
    this.name = name;
    this.age = age;
    this.job = job;
    var self = this;
    var sayName = function() {
        // ...
        console.log(self.name)
    };
    return {
        sayName: sayName
    }
})('nico');

Answer 1

第二个的 Person 的原型是 undified ，第一个 Person 的原型是 function , 你可以使用 function 上面定义的 call , apply ，bind 等方法。
第二个最后返回的是一个对象，这个对象只有一个属性，是 sayName , 这个属性指向了闭包里的 sayName，第二个你是无法访问到 name , age , job 的，只可以调用 sayName() ，因为 return 的对象并不包含那些属性。而第一个可以。

Answer 2

其实这俩是截然不同的哈

你可以理解第一种是面向对象的，Person其实是一个construcor，你可以实例化它

var a = new Person('小明',12,'XXX')
a.sayName() //小明

第二种这里的Person其实是个闭包了，他返回一个有sayName这个方法的对象，只能读取他自己的私有属性，而且你这种写法也不太对，你的this其实指向了window，你可以拿你的第二段代码试试

Person.name = 'XXX'
Person.sayName() //'nico'

建议你可以再去看看闭包和this相关的知识

Answer 3

第一种外面在包装一个闭包函数，其实就是一种模块化的方法