设置对象文字的原型

Question

假设我有以下代码;

var A = {a:10}; 
var B = {b:20}; 
B.prototype = A; 
alert(B.a); 

我的B.a越来越不确定。 我做错了什么？如何设置对象字面值的原型？

我知道如何为构造函数对象。所以下面的代码工作完美

function A(){this.a=10} 
function B(){this.b=20} 
B.prototype = new A(); 
b = new B; 
alert(b.a); 

我该如何做对象文字？

Answer 1

原型属性通常出现在Function对象中。这个原型应该是一个对象，并且该对象用于定义用构造函数创建的对象的属性。

// Plain object, no prototype property here. 
var plainObject = {one: 1, two: 2}; 

// Constructor, a prototype property will be created by default 
var someConstruct = function() { 

    // Constructor property 
    someConstruct.constructProp = "Some value"; 

    // Constructor's prototype method 
    someConstruct.prototype.hello = function() { 
    return "Hello world!"; 
    } 
}; 

// Another constructor's prototype method 
someConstruct.prototype.usefulMethod = function() { 
    return "Useful string"; 
} 

var someInstance = new someConstruct(); 
console.log(someInstance.hello()); // => Hello world! 
console.log(someInstance.usefulMethod()); // => Useful string 

console.log(someConstruct.constructProp); // => Some value 
console.log(someConstruct.prototype); // => {usefulMethod: function, hello: function} 

console.log(plainObject.prototype); // => undefined 

所以，普通物体没有原型。 作为构造函数的函数确实有原型。这些原型用于填充每个构造创建的实例。

希望帮助:)

Answer 2

使用Function对象只有当该原型中使用，例如当你使用一个构造函数。但对象文字不需要这样做。

它们都是非常好的技术，所以它取决于你想要在项目中做什么以及你正在使用的JavaScript模式或类似模式。

Answer 3

对象从它们的继承构造函数的原型属性，而不是它们自己的。构造函数的原型被分配给内部[[Prototype]]属性，该属性在某些浏览器中可用作__proto__属性。

因此，对于b继承自a，您需要将a放在b的继承链上，例如，

经典原型继承：

var a = {a: 'a'}; 
function B(){} 
B.prototype = a; 

var b = new B(); 
alert(b.a); // a 

使用ES5的Object.create：

var a = {a: 'a'}; 
var b = Object.create(a); 

alert(b.a); // a 

使用Mozilla __proto__：

var a = {a: 'a'}; 
var b = {}; 
b.__proto__ = a; 

alert(b.a); // a