Pular para o conteúdo principal

JS - use strict

Diretiva que tem como objetivo controlar o escopo de variáveis, prevenindo que as variáveis sejam criadas de forma global, ou seja, que as variáveis possam impactar em escopos que não lhes dizem respeito, em resumo ele bloqueia declarações sem o "var".

Para usar essa diretiva basta incluir a "string" 'use strict' no inicio do escopo que se deseja controlar, vamos aos exemplos:

(function(){
  var teste1 = 'abc';
  teste2 = 'def';
})();

console.log(teste1); //gera erro pois não pertence a esse escopo
console.log(teste2); //mostra o valor pois pertence ao escopo global


Para prevenir o problema:

(function(){
  'use strict';
  var teste3 = 'abc';
  teste4 = 'def'; //aqui já ocorre o erro
})();



with

Esse comando cria um escopo que nos permite acessar propriedades de um objeto de forma direta. Por convenção seu uso é desaconselhável por poder gerar problemas com outras variáveis, logo o 'use strict' previne o uso do "with":

(function(){

  var pessoa = {
nome: 'Adamastor',
profissao: {
titulo: 'Analista',
graduacao: {
instituicao: 'Faculdade Joinha',
ano: 2000
}
}
  };
  
  console.log('Sem with', pessoa.profissao.graduacao.instituicao, pessoa.profissao.graduacao.ano);
  
  with(pessoa.profissao.graduacao) {
console.log('Com with', instituicao, ano);
  }
})();


Com o 'use strict' temos uma mensagem de erro prevenindo o uso do "with":



Impede o o uso do "this"

O 'use strict' torna o "this" "undefined", isso para prevenir enganos que possam criar variáveis no escopo global.

Anteriormente exemplificamos a criação de objetos por meio do conceito de "construtores" usando o "new", o construtor nada mais é que uma função, porém se essa função for chamada sem o "new" e ela estiver fazendo uso do "this" podemos acabar com variáveis globais indesejáveis:

(function(){
  function Carro(marca, cor) {
     this.marca = marca;
     this.cor = cor;
  }

  console.log(new Carro('Fiat', 'Prata')); // uso correto
})();
console.log(marca); // aqui temos um erro pois a variável não existe



Agora o erro

(function(){
  function Carro(marca, cor) {
     this.marca = marca;
     this.cor = cor;
  }

  console.log(Carro('Fiat', 'Prata')); // uso errado, agora temos variáveis globais
})();
console.log(marca); // mostra o valor da variável global



Para prevenir o erro basta usar o 'use strict'



Outras validações

O 'use strict' ainda previne algumas práticas ruins, como por exemplo o uso do "delete" em situações inválidas, o "delete" é usado para apagar propriedades de objetos, se tentarmos usa-lo para apagar uma variável comum ele não funciona logo o 'use strict' bloqueia essa prática. Ele também previne o uso de nomes repetidos para propriedades de um objeto e de argumentos para uma função:

(function(){
  'use strict';
  var teste = 'teste';
  var obj = { prop1: 'prop1', prop2: 'prop2'};
  console.log(delete obj.prop1, obj); // OK, apaga a propriedade
  console.log(delete teste, teste); // ERRO
})();

(function(){
  'use strict';
  var teste = 'teste';
  var obj = { prop1: 'prop1', prop1: 'prop2'}; // ISSO DEVERIA DAR ERRO, MAS AQUI TEMOS UM BUG
})();

(function(){
  'use strict';
  function soma(a, a) {
    return a + a;
  }
})();




Comentários

Mais visitadas

Iniciar e Parar Serviços do Windows (Delphi)

Em certas ocasiões nos deparamos com a necessidade de manipular determinadas atividades do SO, como iniciar ou parar um banco de dados, ou qualquer outro serviço que esteja funcionando no momento. Segue abaixo um código que encontrei na Internet para tal finalidade (não me recordo à fonte, assim que eu a encontrar colocarei). Iniciar Serviço: uses WinSvc; // // start service // // return TRUE if successful // // sMachine: //   machine name, ie: \SERVER //   empty = local machine // // sService //   service name, ie: Alerter // function ServiceStart(   sMachine,   sService : string ) : boolean; var   //   // service control   // manager handle   schm,   //   // service handle   schs   : SC_Handle;   //   // service status   ss     : TServiceStatus;   //   // te...

Alterar cores do PageControl (Delphi)

O padrão Windows todo cinza não é muito atraente, por isso quando nos utilizarmos do PageControl podemos alterar suas cores e fontes da seguinte maneira: Em primeiro lugar devemos alterar a propriedade OwnerDraw para TRUE ; Depois implementar seu método DrawTab da seguinte maneira: //pinta a fonte Control.Canvas.Font.Color:=clBlack; // // pinta a paleta / aba Control.Canvas.brush.Color:=clSkyBlue; PageControl1.Canvas.Rectangle(Rect); Control.Canvas.TextOut(Rect.left+5,Rect.top+3,PageControl1.Pages[tabindex].Caption); // pinta a parte interna (tabsheet) PageControl1.Pages[TabIndex].brush.Color := Control.Canvas.brush.Color; PageControl1.Pages[TabIndex].Repaint; Caso a intenção seja manter cada aba com seu próprio estilo basta adicionar um CASE filtrando o índice das abas: case TabIndex of   0: Control.Canvas.Font.Color:=clBlack;   1: Control.Canvas.Font.Color:=clWindow; ...

Manipular arquivos com PL/SQL (Oracle)

O bom e velho arquivo, é impressionante como lidamos com seus vários tipos durante todos os dias, bom hoje vamos mostrar um jeito simples de se escrever e ler arquivos apenas com a codificação nativa do Oracle. A primeira coisa a fazer é criar um diretório válido configurado no Oracle, e permissões de acesso a esse diretório para o usuário de banco onde faremos o exemplo, sendo assim suponhamos que nosso usuário de banco se chame programero, e nosso diretório real esteja em c:\programero, então logado como SYSTEM devemos executar os seguintes comandos: 1: -- cria diretorio 2: create or replace directory DIR_PROGRAMERO as ' C:\PROGRAMERO '; 3: -- concede permissão de escrita e leitura para nosso usuário 4: grant read , write on directory DIR_PROGRAMERO to PROGRAMERO; Para escrever, basicamente precisamos apenas saber onde esse arquivo ficará, no nosso caso no diretório criado acima, segue o código de escrita: 1: declare 2: -- nosso handler 3: v_a...