[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Functions/set [Back]  [Original]

setter - JavaScript | MDN

Esta pgina foi traduzida do ingls pela comunidade. Saiba mais e junte-se comunidade MDN Web Docs.

View in English Always switch to English

setter

Baseline Widely available

This feature is well established and works across many devices and browser versions. Its been available across browsers since julho de 2015.

A sintaxe set liga a propriedade da funo para ser chamada quando existe uma tentativa de definir valor para essa propriedade.

In this article

Sintaxe

{set prop(val) { . . . }}
{set [expression](val) { . . . }}

Parmetros

prop

Nome da propriedade ligada a funo.

val

Um apelido para varivel que ser atribuidada a prop.

expression

Iniciando com ECMAScript 6, voc pode usar tambm expresses para computar o nome da propriedade a ser definida na funo.

Descrio

Em JavaScript, um setter pode ser usado para executar uma funo sempre que se tenta mudar uma propriedade especfica. Setters so geralmente usados em conjunto com getters, para criar um tipo de pseudo-propriedade. No entanto impossvel ter-se um setter para uma propriedade que contenha um valor real.

Observe os seguintes itens ao trabalhar com a sintaxe set:

Um setter pode ser deletado usando o operator delete.

Exemplos

Definindo um setter em new Objects no inicializador

Vai definir um pseudo-property current para este objeto, quando atribuido um valor, vai mudar log com o valor passado:

js
var o = {
  set current(str) {
    this.log[this.log.length] = str;
  },
  log: [],
};

Observe que current no est definido e qualquer tentativa de acesso ir resultar em undefined.

Removendo um setter com o operador delete

Se voc deseja remover o setter, poder usar somente o delete:

js
delete o.current;

Definindo um setter para um Object existente usando o defineProperty

Para adicionar um setter para um Object existentem mais tarde, use Object.defineProperty().

js
var o = { a: 0 };

Object.defineProperty(o, "b", {
  set: function (x) {
    this.a = x / 2;
  },
});

o.b = 10; // Runs the setter, which assigns 10 / 2 (5) to the 'a' property
console.log(o.a); // 5

Usando um nome de propriedade computada

Nota: Ateno: Propriedades computadas so uma tecnologia experimental, parte da proposta ECMAScript 6, e no amplamente suportada por todos os browsers ainda. Ele vai retornar um syntax error en ambientes que no tem suporte.

js
var expr = "foo";

var obj = {
  baz: "bar",
  set [expr](v) {
    this.baz = v;
  },
};

console.log(obj.baz); // "bar"
obj.foo = "baz"; // run the setter
console.log(obj.baz); // "baz"

Especificaes

Specification
ECMAScript 2027 LanguageSpecification
# sec-method-definitions

Compatibilidade com navegadores

SpiderMonkey-specific notes

  • Starting with JavaScript 1.8.1, setters are no longer called when setting properties in object and array initializers.
  • From SpiderMonkey 38 on, a setter with a rest parameter is a SyntaxError as per the ES6 specification.

See also


Web Proxy Viewer  |  New URL  |  Original Page