Có sự khác biệt nào giữa việc sử dụng "cái này" và "nguyên mẫu" trong Javascript ở đây không?

Question

Có sự khác biệt giữa hai mã bên dưới không, tôi đoán là không.

function Agent(bIsSecret) 
{ 
    if(bIsSecret) 
     this.isSecret=true; 

    this.isActive = true; 
    this.isMale = false; 
} 

và

function Agent(bIsSecret) 
{ 
    if(bIsSecret) 
     this.isSecret=true; 
} 

Agent.prototype.isActive = true;  
Agent.prototype.isMale = true; 

Answer 1

Có sự khác biệt ít nhất nếu bạn chỉ định đối tượng không nguyên thủy cho this.somevar hoặc prototype.somevar.

Thử chạy này:

function Agent(bIsSecret) 
{ 
    if(bIsSecret) 
     this.isSecret=true; 

    this.isActive = true; 
    this.isMale = false; 
    this.myArray = new Array(1,2,3); 
} 

function Agent2(bIsSecret) 
{ 
    if(bIsSecret) 
     this.isSecret = true; 
} 

Agent2.prototype.isActive = true;  
Agent2.prototype.isMale = true; 
Agent2.prototype.myArray = new Array(1,2,3); 

var agent_a = new Agent(); 
var agent_b = new Agent(); 

var agent2_a = new Agent2(); 
var agent2_b = new Agent2(); 

if (agent_a.myArray == agent_b.myArray) 
    alert('agent_a.myArray == agent_b.myArray'); 
else 
    alert('agent_a.myArray != agent_b.myArray'); 

if (agent2_a.myArray == agent2_b.myArray) 
    alert('agent2_a.myArray == agent2_b.myArray'); 
else 
    alert('agent2_a.myArray != agent2_b.myArray'); 

Answer 2

số 'nguyên mẫu' được sử dụng để thực hiện quyền thừa kế trong Javascript. Chẳng hạn như là:

/** obsolete syntax **/ 

var Person = Class.create(); 
Person.prototype = { 
    initialize: function(name) { 
    this.name = name; 
    }, 
    say: function(message) { 
    return this.name + ': ' + message; 
    } 
}; 

var guy = new Person('Miro'); 
guy.say('hi'); 
// -> "Miro: hi" 

var Pirate = Class.create(); 
// inherit from Person class: 
Pirate.prototype = Object.extend(new Person(), { 
    // redefine the speak method 
    say: function(message) { 
    return this.name + ': ' + message + ', yarr!'; 
    } 
}); 

var john = new Pirate('Long John'); 
john.say('ahoy matey'); 
// -> "Long John: ahoy matey, yarr!" 

mã nguồn và các thông tin bổ sung mà bạn có thể tìm thấy ở đây: http://www.prototypejs.org/learn/class-inheritance

Answer 3

Về mặt chức năng, đây là như nhau. Cái thứ hai, tuy nhiên, nhấn mạnh sự giống nhau giữa các đối tượng Agent. Bạn có thể thấy trong một cái nhìn thoáng qua rằng những thành viên này có giá trị đó, trong khi trong một hàm xây dựng phức tạp hơn, với rất nhiều điều kiện, nó khó hơn.

Nó cũng cho phép thời gian chạy javascript để chọn cách xử lý Agent khởi tạo thành viên. (làm một số biên dịch trước, ...)

Answer 4

Giả sử rằng chức năng này được sử dụng như một hàm tạo, đầu tiên với các thuộc tính thiết lập trên thể hiện mới và thứ hai trên mẫu thử nghiệm. Nếu chúng độc lập với cá thể thì hai đoạn mã này là tương đương nhau, nhưng nếu chúng không giống như tên của chúng, thì chúng không phải.