javascript如何实现面向对象编程

[ihtml5]

Es5

一. new命令背后发生了什么

1. 原理：

• 创建一个空对象，作为将要返回的对象实例
• 将这个空对象的原型,执行构造函数的prototype属性
• 将这个空对象赋值给函数内部的this关键字
• 开始执行构造函数内部的代码

2. 相关代码

Object.create = Object.create || function(prototype) {
    var F = function () {};
    F.prototype = prototype;
    return new F();
}
function _new () {
    var args = [].slice.call(arguments);
    var constructor = args.shift();
    var context = Object.create(constructor.prototype);
    var result = constructor.apply(context,args);
    return typeof result === 'object' && result !=null ? result : context;
}

3.如何防止因没有使用new命令，而发生意外

var Tu = function(obj) {
    if ( this instanceof obj) { return obj }
   if (!(this instanceof obj) ) { return new Tu(obj);}
   // 构造函数执行一些动作
};