Question

考虑使用以下代码

function Employee() {
    this.id = "";
    this.name = "";
    this.gender = "";
}

function Programmer() {
    this.expertise = "";
}

Programmer.prototype = new Employee();

然后我想继续将程序员继承到JScriptProgrammer，将默认值“专业知识”设置为“JavaScript”。

问题：

之间有什么不同

function JScriptProgrammer() {
    this.expertise = "JavaScript";
}

JScriptProgrammer.prototype = new Programmer();

和

function JScriptProgrammer() {
}

JScriptProgrammer.prototype = new Programmer();
JScriptProgrammer.prototype.expertise = "JavaScript";

Answer 1

您可以将prototype用作对象的默认值，它可以节省内存。如果您稍后不确定为该属性设置阴影（在实例上为其指定新值），则所有实例共享指向该值的相同指针。

但是，如果您肯定要为其分配值，那么最好在构造函数体中将其定义为this.myval

这是为原型分配默认值的棘手部分;您必须为其重新分配新值以进行特定于实例的更改。可以通过调用对象上的函数或重新分配属性来操纵对象值。执行此操作时，所有实例的默认值都会更改：

var Person=function(){};
Person.prototype.teeth=[0,1,2,3];
Person.prototype.legs={left:1,right:1};

var ben=new Person();
var betty=new Person();
ben.teeth.splice(2,1);//ben looses a tooth
//when ben looses a tooth like that betty looses it too
console.log(betty.teeth);//[1,2,3] poor betty
//now poor betty has an accident
betty.legs.right=0;
//looks like ben looses it too
console.log(ben.legs);//{left:1,right:0}
//I don't feel sorry for ben though because
//he knocked out betty's tooth

最好不要为继承启动新实例，可以使用Object.create或辅助函数来设置继承而无需创建实例。关于继承，原型，覆盖和调用super的所有内容：https://stackoverflow.com/a/16063711/1641941

Answer 2

差异

function JScriptProgrammer() {
this.expertise = "JavaScript";
}
JScriptProgrammer.prototype = new Programmer();

表示当您使用JScriptProgrammer（）时，专业知识值已设置为“JavaScript”

但是当你使用

时

function JScriptProgrammer() 
{
}
JScriptProgrammer.prototype = new Programmer();
JScriptProgrammer.prototype.expertise = "JavaScript";

表示您在使用JScriptProgrammer（）

后设置专业知识值

Answer 3

他们是相同。第二个版本节省了内存，这意味着所有的孩子都使用相同的函数/变量实例。

请参阅以下示例，其中显示了可能需要this的原因

function JScriptProgrammer() {
   var tmp = "Hello";

   //accessing private variables
   this.sayHello = function() {
      alert(tmp + " "+ this.expertise + "er");
   }
}

JScriptProgrammer.prototype = new Programmer();
JScriptProgrammer.prototype.expertise = "JavaScript";

更多阅读

Answer 4

in resumen：

原型用于继承现有对象。例如。如果要向Array对象添加新方法，可以执行此操作

Array.prototype.MyNewMethod = function()
{
alert("im bellow to array object")
}

这意味着你可以这个

var array = [1,2,3];
array.MyNewMethod();//prints im bellow to array object

（read this post for more reference）

这意味着您的代码正在执行此操作：

        function JScriptProgrammer() {
        }
        function Programmer(){
        this.name = "hello world";
       }
        JScriptProgrammer.prototype = new Programmer();// inhering from Programmers object(or lets say class)
        JScriptProgrammer.prototype.expertise = "JavaScript"; // assigning a value to expertise property that belows to JScriptProgrammer class



console.log(new JScriptProgrammer())//JScriptProgrammer {name: "hello world", expertise: "JavaScript"} notice that property name that bellow to Programmer
 object now is in JScriptProgrammer object as well.

此处测试http://jsbin.com/IgOFimi/1/edit

JavaScript继承的属性默认值

4 个答案: