Các hàm nguyên mẫu khác với các hàm bình thường trong javascript như thế nào?

Question

chức năng Javascript có thể được công bố trên một nguyên mẫu đối tượng như thế này:

<object name>.prototype.<variable name>=function(){ 
// 
// 
} 

Làm thế nào nó này khác với sau lời tuyên bố?

<object name>.<variable name>=function(){ 
// 
// 
} 

Chức năng mẫu thử khác với chức năng bình thường trong javascript như thế nào?

Answer 1

các hàm được khai báo trên nguyên mẫu của đối tượng cơ sở được kế thừa bởi tất cả các phiên bản của loại đối tượng đó.

Ví dụ ..

String.prototype.foo = function() { 
    return 'bar'; 
}; 

Bây giờ, mỗi chuỗi sẽ có chức năng foo() có sẵn.

'test'.foo(); // returns 'bar'

Đọc thêm về here

Answer 2

chức năng thử nghiệm dựa trên nguyên mẫu thừa kế là hàm Ví dụ, trong khi chức năng bình thường là "tĩnh" chức năng. Các hàm được khai báo trên nguyên mẫu của lớp sẽ có sẵn trên tất cả các cá thể của lớp đó.

var MyClass = function(){ 
}; 
MyClass.staticFunction = function(){alert("static");}; 
MyClass.prototype.protoFunction = function(){alert("instance");}; 

MyClass.staticFunction(); //OK 
MyClass.protoFunction(); //not OK 

var myInstance = new MyClass(); 
myInstance.staticFunction(); //not OK 
myInstance.protoFunction(); //OK 

Answer 3

Matt và Igor đã cung cấp đủ mẫu mã, nhưng một trong những bài viết hay nhất (ngắn, chính xác và cho điểm) mà bạn có thể đọc là Prototypal Inheritance, bởi Douglas Crockford.

Ngoài ra còn có rất nhiều cách khác nhau để tạo điều kiện thừa kế thông qua các thư viện phổ biến (Dojo, Prototype, vv)