Question

This question already has answers here:

Use of prototype vs. this in JavaScript? (16 answers)

Prototyped 和a non-prototyped method? [duplicate] (1 answer)

Closed 10 years ago.

假设我用刺绣写出一个物体

var myObject = {};

两者有什么区别...

myObject.someFunc = function(){...};

和

myObject.prototype.someFunc = function(){...}

穿刺衣吗?

I am having trouble understanding the difference or if there is a difference 和how 和when to use either of these syntaxes.

当我编出这样的法典时, 似乎真的没有区别。

I am looking for both a client side (browser) 和server side (like node.js) answers.

I want to code properly 和accurately 和this is really bothering me.

Answer 1

在这种情况下:

var myObject = {};
myObject.someFunc = function(){...};

您正在做的只是创建一个普通对象, 该对象恰好有一个属性, 它是一个函数引用的属性。这通常是为 < em> name mace 而做的, 也就是说, 将一个地方的一整堆函数组合在一个共同对象之下。

但请注意, va myObject = /code> doesn t 实际上有一个 prototype , 所以您不可能有第二个示例。



对象要有一个原型,必须是构造函数的结果,即:

function MyObject() {
    ...
}

MyObject.prototype.someFunc = function() { }

var myObject = new MyObject();
// myObject.someFunc can now be used


原型是构建符函数的属性 -- -- 不是该类的任何 < em> intentance  。

如果将函数放在原型中,则该函数对象只有一个实例存在,并将由该类的所有实例共享。这样,每个实例都有一个副本会提高内存效率。

所有这一切都适用,无论代码是在浏览器还是在服务器上,它仍然是同一种语言。

Answer 2

基本上,这是一种静态方法(或仅附于该物体的方法(此处指 MyObject):

myObject.someFunc = function () {...};

这是附于对象原型的方法(例法):

myObject.prototype.someFunc = function () {...};

Answer 3

myObject. somemasFunc = 函数 () {...\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\



 myObject. prototype. somema Func = 函数 ()\\\\\\\\/code> 正在实际上创建一种方法,可以随我的Object 在任何地方调用, 并且每次都会改变相同的数值实例 。


myObject.prototype.someFunc = function(num){
    this.num_to_be_stored = num;
}


将会改变num_to_be_stored 而不是某些Func 的值, 而这是第一级正在发生的事情 。

编辑:抱歉清晨我并不清楚我想说什么。

友情链接