Question

＆＃13;

<html>
    <head>
        <meta charset="UTF-8">
        <title>Animal</title>
        <script type="text/javascript" >

            var Animal = function () {
                return {
                    sayName: function (name) {
                        alert("My name is " + name);
                    }
                }
            }
            // Animal object
            var animalObj = new Animal();
            // Cat1 inherits from animalObj using prototype pattern.
            var Cat1 = function () {
                var obj = {
                    run: function () {
                        alert("I am running...");
                    },
                };
                obj.prototype = animalObj;
                return obj;

            }

            // Cat1 inherits from animalObj using Object.create pattern.
            var Cat2 = function () {
                var obj = Object.create(animalObj);
                obj.run = function () {
                    alert("I am running...");
                };
                return obj;

            }
            var cat1 = new Cat1();
            cat1.prototype.sayName("Cat1");
            cat1.run();

            var cat2 = new Cat2();
            cat2.sayName("Cat2");
            cat2.run();

        </script>
    </head>
    <body>
    </body>
</html>

＆＃13;

我有一个Animal类。它有sayName方法。

Cat1使用Prototype模式从Animal继承。

Cat2使用Object.create模式从Animal继承。

对于cat1，是否可以调用sayName而不是cat1.sayName("Cat1")而不是cat1.prototype.sayName("Cat1");？

对于cat2，是否可以定义Cat2自己的属性和功能，然后继承动物

var Cat2 = function () {
       var obj = {
           run: function () {
               alert("I am running...");
           },
       };

       // Here I want obj inherits Animal. How can I do that?
       return obj;
}

这样我就可以拥有一个干净的结构。我不想像

一样使用

obj.run = function () {
    alert("I am running...");
};

请澄清。

Answer 1

替换行

obj.prototype = animalObj;

与

Object.setPrototypeOf(obj, animalObj);

你可以致电

cat1.sayName("Cat1");

关于Prototype和Object.create模式的澄清

1 个答案: