JSLint: foi usado antes de ser definido

Olá, tenho os 3 arquivos javascript.

jquery.js
utility.js
file1.js

Em file1.js eu tenho

jQuery.noConflict()
jQuery(document).ready(function($) { 
 // ....
});

Recebo um erro 'jQuery' foi usado antes de ser definido. e 'documento' foi usado antes de ser definido.

Como posso me livrar desse aviso com segurança.

Se eu fizer

var document = document || {};

então, no meu utility.js, se for usado, seria nulo no IE e ok no firefox.

Qual é a melhor solução para isso?

javascript undefined jslint

— Chun ping Wang
fonte

possível duplicata de JS Lint: 'atalho' foi usado antes de ser definido . Além disso, certifique-se de ter Assumir navegador selecionado nas opções.

— Andy E

@ChunpingWang Percebeu que você ainda estava ativo no SO e que faltou uma resposta aceita para esta pergunta. Alguma dessas respostas está faltando algo que é necessário para torná-las aceitáveis? Parece que a resposta de Quentin resolveria o problema conforme solicitado. Alguma informação adicional necessária para responder à sua pergunta?

— ruffin de

Respostas:

169

Da documentação

O JSLint também reconhece uma diretiva / * global * / que pode indicar ao JSLint que as variáveis usadas neste arquivo foram definidas em outros arquivos. O comentário pode conter uma lista de nomes separados por vírgulas. Cada nome pode opcionalmente ser seguido por dois pontos e verdadeiro ou falso, verdadeiro indicando que a variável pode ser atribuída por este arquivo e falso indicando que a atribuição não é permitida (que é o padrão). A diretiva respeita o âmbito da função.

Alguns globais podem ser predefinidos para você. Selecione a opção Assumir um navegador (navegador) para predefinir as propriedades globais padrão que são fornecidas pelos navegadores da web, como document e addEventListener.

Exemplo:

/*jslint browser: true*/
/*global $, jQuery*/

— Quentin
fonte

nota: você não pode colocar um espaço antes, globalentão /* global var, var2 */não funciona. /*global var, var2*/obras

— radixhound

Plural é equivalente e funciona bem: /*globals */e também faz mais sentido ao adicionar uma lista de variáveis

— Robert Koritnik

Então a solução para JSLint reclamando de algo faltando em todos os seus arquivos é adicionar uma linha a todos os seus arquivos ... Este é um conselho terrível.

— Cerin

@Cerin - Não, a solução para o JSLint reclamar de você usar uma variável para a qual não consegue encontrar uma definição é dizer que você a definiu em outro arquivo (em vez de, por exemplo, cometer um erro de digitação no nome da variável que interromperá seu programa mais tarde).

— Quentin de

@Quentin, Sim, e sua correção para isso requer que você "informe sobre o jQuery" em cada arquivo. É uma enorme quantidade de trabalho para algo que não traz nenhum benefício. Você também pode simplesmente desativar essa verificação no JSLint.

— Cerin de

Como diz Quentin, existe uma /*global*/diretiva.

Aqui está um exemplo (coloque-o no topo do arquivo):

/*global var1,var2,var3,var4,var5*/

Certifique-se de que a instrução global inicial esteja na mesma linha /*, ou então ela será interrompida.

— Stanton
fonte