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

问题描述

问 题

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

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');

解决方案

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

这篇关于javascript - 构造函数模式和原型模式以及模块化写法的区别？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！