Question

我正在寻求好的实践，以展示如何使用正确的原型链在Javascript中创建转换构造函数。

它应该： -获取现有对象作为参数 -返回一个新的类类型对象，该对象包含旧类的所有属性 -添加新属性 -更改一些属性

我要避免手动重写所有属性。

如果有人引用创建其他类型的构造函数及其继承的良好实践示例，则可能会有所帮助。

现在可以使用（但很丑陋）的解决方案在这里：

//Function from ( https://stackoverflow.com/questions/728360/how-do-i-correctly-clone-a-javascript-object )
function deepClone(obj)
{
        var copy;

        // Handle the 3 simple types, and null or undefined
        if (null == obj || "object" != typeof obj) return obj;

        // Handle Array
        if (obj instanceof Array) {
            copy = [];
            for (var i = 0, len = obj.length; i < len; i++) {
                copy[i] = deepClone(obj[i]);
            }
            return copy;
        }

        // Handle Object
        if (obj instanceof Object) {
            copy = {};
            for (var attr in obj) {
                if (obj.hasOwnProperty(attr)) copy[attr] = deepClone(obj[attr]);
            }
            return copy;
        }

        throw new Error("Unable to copy obj! Its type isn't supported.");
}



function A()
{
    this.param1 = {'a': 1};
    this.param2 = 'b';
}

A.prototype.getParam1 = function()
{
    return this.param1;
}

function B(objectToCopyFrom)
{

    //Code to copy all properties from the objectToCopyFrom and inherite prototype.
    Object.assign(this, deepClone(objectToCopyFrom));

    this.param1.a += 2;
    this.param3 = 'c';
}

B.prototype = Object.create(A.prototype);

B.prototype.getParam3 = function()
{
    return this.param3;
}

var a = new A();
a.param1 = {'a': 2};

var b = new B(a);

console.log(b.param3); //Should print: "c"
console.log(JSON.stringify( b.getParam1() )); //Should print: "{'a': 4}"

a.param1.a = 8;

console.log(JSON.stringify( b.getParam1() )); //Still should: "{'a': 4}"

https://jsfiddle.net/7h1gatom/6/

如果可能的话，请帮助我以更好，更清洁的方式进行操作，而无需使用ES6。

如何在javascript中创建转换构造函数？

0 个答案: