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

Array no PL/SQL (Oracle)

Trabalhar com estruturas indexadas pode nos poupar muito trabalho, deixar o código mais limpo e reutilizável, pois bem vamos dar um exemplo de como fazer isso no PL/SQL. Criaremos um tipo table que seja capaz de armazenar nomes de uma tabela de funcionários de forma indexada, e em seguida mostraremos o que foi armazenado, segue o código: 1: declare 2: -- tipo tabela contendo apenas texto e indexado 3: type TipoNomFunc is table of varchar 2(200) index by binary_integer; 4: -- variável do nosso tipo (como nosso tipo é indexado ele funcionará como um array) 5: func TipoNomFunc; 6: -- indice para loop 7: indice number := 1; 8: -- 9: begin 10: -- 11: -- cursor para nossa tabela de funcionarios 12: for emps in ( 13: select * 14: from funcionarios 15: ) 16: loop 17: -- colocamos o nome do funcionario em nosso "vetor" 18: func(indice) := emps.nom_funcionario; 19: -- incrementamos o indice 20:...

Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker

Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker Neste guia, vamos criar uma aplicação básica que acessa um banco de dados PostgreSQL e realiza operações CRUD (Create, Read, Update, Delete). Vamos usar Flask e executar tudo com Docker. Sem estilos ou extras, apenas o essencial. Estrutura do Projeto crud-app/ |-- app/ | |-- app.py | |-- templates/ | | |-- index.html | | |-- edit.html |-- Dockerfile |-- requirements.txt |-- docker-compose.yml Passo 1: Dependências Crie um arquivo requirements.txt com as seguintes linhas: Flask==2.2.2 Flask-SQLAlchemy==3.0.2 psycopg2-binary==2.9.3 Werkzeug==2.2.2 Passo 2: Aplicação Flask Arquivo app/app.py : from flask import Flask, render_template, request, redirect, url_for from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) # Configuração do banco de dados app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://user:password@db:5432/crud_db' app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False db...

Aplicação Flask usando Nginx e Gunicorn

Aplicação Flask usando Nginx e Gunicorn Se você já desenvolveu uma aplicação Flask básica, sabe que o servidor de desenvolvimento embutido não é ideal para produção. Ele não é projetado para lidar com altos volumes de tráfego ou conexões simultâneas. Para tornar sua aplicação Flask mais robusta e pronta para produção, podemos usar o Gunicorn como servidor de aplicação e o Nginx como proxy reverso. Neste artigo, vamos adaptar o exemplo anterior ( Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker ) para incluir o Nginx e o Gunicorn. O que são Nginx e Gunicorn? Gunicorn O Gunicorn (Green Unicorn) é um servidor de aplicação WSGI que roda aplicações Python como o Flask. Ele é eficiente e simples de configurar, lidando com múltiplas requisições ao mesmo tempo, algo que o servidor embutido do Flask não faz bem. Nginx O Nginx é um servidor web que atua como um proxy reverso. Ele recebe requisições HTTP e as encaminha ao Gunicorn. Além disso, o Nginx pode: Servir arquivos ...