Modo Estrito
O Modo Estrito (Strict Mode) em JavaScript é uma funcionalidade que impõe regras mais rigorosas na escrita do código, ajudando a identificar erros comuns de programação mais cedo e prevenindo comportamentos inseguros. Quando ativado, o Modo Estrito impede, por exemplo, o uso de variáveis não declaradas, a exclusão de propriedades imutáveis e parâmetros duplicados em funções. Podemos comparar seu funcionamento com construir uma casa: cada tijolo e cada viga devem estar corretamente posicionados, ou o inspetor imediatamente aponta o erro.
Em sites de portfólio, blogs e e-commerces, o Modo Estrito ajuda a manter módulos limpos, evitando a criação de variáveis globais indesejadas, tornando o código mais seguro e fácil de manter. Em portais de notícias e plataformas sociais, ele reduz erros sutis durante o processamento de artigos, comentários ou interações de usuários.
Neste tutorial, o leitor aprenderá como ativar o Modo Estrito, identificar erros comuns e aplicá-lo em situações práticas. Assim como organizar uma biblioteca, cada variável e operação deve ter um lugar definido, garantindo que o código seja previsível e confiável.
Exemplo Básico
javascript"use strict"; // Ativa o Modo Estrito para este arquivo
function somar(a, b) {
total = a + b; // Erro no Modo Estrito: 'total' não foi declarada
return total;
}
console.log(somar(5, 10));No exemplo acima, "use strict" ativa o Modo Estrito. A variável total é utilizada sem declaração. Em um ambiente não estrito, JavaScript criaria automaticamente uma variável global, o que pode causar conflitos ou comportamentos inesperados. Com o Modo Estrito, é gerado imediatamente um ReferenceError, obrigando o programador a declarar corretamente a variável.
O Modo Estrito também garante que todas as variáveis sejam declaradas com let, const ou var, impede a exclusão de propriedades imutáveis e não permite parâmetros duplicados em funções. Essas regras tornam o código previsível, seguro e mais fácil de depurar. Em aplicações reais, como blogs ou portais sociais, variáveis globais indesejadas podem causar sérios problemas; o Modo Estrito ajuda a preveni-los.
Exemplo Prático
javascript"use strict"; // Ativa o Modo Estrito
// Exemplo prático: adicionar produto a um carrinho de compras em e-commerce
function adicionarAoCarrinho(carrinho, produto) {
if (!carrinho || !Array.isArray(carrinho)) throw new Error("Carrinho inválido");
if (!produto || typeof produto !== "object") throw new Error("Produto inválido");
carrinho.push(produto); // Adição segura
return carrinho;
}
const meuCarrinho = \[];
console.log(adicionarAoCarrinho(meuCarrinho, {nome: "Camiseta", preco: 50}));Neste exemplo prático, vemos como o Modo Estrito aumenta a segurança e a confiabilidade em cenários reais. A função adicionarAoCarrinho verifica se carrinho é um array válido e produto é um objeto. Qualquer violação gera um erro e impede a execução com dados inválidos.
O método carrinho.push é seguro, evitando variáveis globais não intencionais. O Modo Estrito garante declaração prévia das variáveis, parâmetros únicos e proíbe operações inseguras, como exclusão de propriedades imutáveis. Esses recursos são essenciais em e-commerces, onde cálculos incorretos ou manipulação indevida de dados podem gerar problemas graves.
Melhores práticas e erros comuns:
- Sempre ativar o Modo Estrito no início do arquivo ou função para definir claramente seu escopo.
- Usar let e const em vez de var para evitar variáveis globais indesejadas.
- Validar entradas e estruturas de dados antes de processar, prevenindo erros em tempo de execução.
-
Usar try/catch ou lançar erros explicitamente para gerenciar exceções de forma segura.
Erros comuns a evitar: -
Utilizar variáveis não declaradas ou parâmetros duplicados.
- Tentar deletar propriedades imutáveis.
- Ignorar exceptions, causando estados inconsistentes.
- Manipular eventos ou DOM de forma incorreta, gerando vazamento de memória.
Dicas de depuração: use o console do navegador e mensagens de erro do Modo Estrito para identificar problemas rapidamente. Recomenda-se ativar o Modo Estrito por padrão e aproveitar sintaxe moderna e desenvolvimento modular para manter código seguro, estável e manutenível.
📊 Referência Rápida
| Property/Method | Description | Example |
|---|---|---|
| "use strict" | Ativa o Modo Estrito para arquivo ou função | "use strict"; |
| let/const | Declara variáveis de forma segura e previne poluição global | let x = 10; |
| throw new Error | Lança erro explícito para operações inválidas | throw new Error("Entrada inválida"); |
| Array.isArray | Verifica se a variável é um array | Array.isArray(\[]) // true |
| typeof | Verifica tipo da variável | typeof "texto" // string |
| delete | Remove propriedade de objeto; limitado no Modo Estrito | delete obj.prop // erro se imutável |
Resumo e próximos passos: O Modo Estrito é uma ferramenta poderosa para aumentar a segurança, manutenibilidade e previsibilidade do código JavaScript. Desenvolvedores que compreendem seu uso podem evitar variáveis globais indesejadas, operações inseguras e comportamentos imprevisíveis. Ele garante execução segura em manipulações de DOM e comunicação com o backend.
Próximos passos incluem combinar o Modo Estrito com recursos ES6+, como módulos, async/await e gerenciamento avançado de eventos. Praticar em portfólios, e-commerces, blogs e portais de notícias reforça hábitos de codificação sólidos. Assim como construir uma casa seguindo um plano detalhado, o uso consistente do Modo Estrito mantém o código estruturado, seguro e escalável.
🧠 Teste Seu Conhecimento
Teste seu Conhecimento
Teste sua compreensão deste tópico com questões práticas.
📝 Instruções
- Leia cada pergunta cuidadosamente
- Selecione a melhor resposta para cada pergunta
- Você pode refazer o quiz quantas vezes quiser
- Seu progresso será mostrado no topo