English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial básico do JavaScript

Objeto do JavaScript

Função do JavaScript

DOM HTML JS

BOM do navegador JS

Tutorial básico do AJAX

Manual de referência do JavaScript

Objeto原型 do JavaScript

PrototypeÉ um mecanismo pelo qual os objetos JavaScript herdam características uns dos outros.

No capítulo anterior, aprendemos como usarConstrutor:

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
}
var Seagull = new User("Seagull", "Anna", 22, "New Delhi");
var tarush = new User("Tarush", "Balodhi", 34, "Bihar");
Teste e veja‹/›

Também aprendemosNão podeAdicionar novas propriedades ao construtor existente do objeto:

User.weapon = "Sword";
Teste e veja‹/›

Para adicionar novas propriedades ao construtor, é necessário adicioná-las ao construtor:

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
   this.weapon = "Sword";
}
Teste e veja‹/›

Às vezes, queremos adicionar novos atributos e métodos a um construtor mais tarde, que serão compartilhados entre todos os objetos (exemplos). A resposta é o objetoPrototype

Uso do atributo prototype

O atributo prototype permite que você adicione atributos e métodos ao construtor.

Neste exemplo, o atributo prototype permite que você adicione novos atributos ao construtor do objeto User:

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
}
User.prototype.weapon = "Sword";
Teste e veja‹/›

Neste exemplo, o atributo prototype permite que você adicione novos métodos ao construtor do objeto User:

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
}
User.prototype.fullName = function() {
return this.firstName + " " + this.lastName;
};
Teste e veja‹/›

Atenção:Apenas modifique seu próprio prototype. Não modifique o prototype do objeto JavaScript padrão (interno).