Solve common problems in your JavaScript code

Erros comuns de iniciantes

Digitao correta and casing

Se o seu cdigo no funciona e/ou se seu navegador indicar que algo est indefinido, verifique se voc declarou todas os nomes de suas variveis, nomes de funes, etc. corretamente.

Algumas funes comuns dos navegadores que causam problema so:

Posies de ponto e vrgula

Voc precisa ter certeza que voc no colocou nenhum ponto e vrgula incorretamente. Por exemplo:

Funes

H uma srie de coisas que podem dar errado com funes

Um dos erros mais comuns declarar a funo, mas no chama-la em lugar nenhum. Por exemplo:

function myFunction() {
  alert("This is my function.");
}

Este cdigo no far nada a menos que voc o chame, por exemplo com

myFunction();

Escopo da funo

Lembre-se que funes tem seu prprio escopo voc no pode acessar um conjunto de valores de variveis dentro de uma funo fora da funo, a no ser que voc tenha declarado a varivel globalmente (i.e. no dentro de nenhuma funo), ou retorne o valor or retorne o valor fora da funo

Executar o cdigo antes de uma declarao de retorno

Remember also that when you return a value out of a function, the JavaScript interpreter exits the function no code declared after the return statement will run.

In fact, some browsers (like Firefox) will give you an error message in the developer console if you have code after a return statement. Firefox gives you "unreachable code after return statement".

Object notation versus normal assignment

When you assign something normally in JavaScript, you use a single equals sign, e.g.:

var myNumber = 0;

This doesn't work in Objects, however with objects you need to separate member names from their values using colons, and separate each member with a comma, for example:

var myObject = {
  name: "Chris",
  age: 38,
};

Definies bsicas

• O que Javascript?
• O que uma varivel?
• O que so strings?
• O que um vetor?
• O que um lao?
• O que uma funo?
• O que um evento?
• O que um objeto?
• O que JSON?
• O que uma web API?
• O que o DOM?

Casos de uso bsicos

Geral

• Como adicionar JavasScript para sua pgina?
• Como adicionar comentrios em um cdigo Javascript?

Variveis

• Como voc declara uma varivel?
• Como voc inicializa uma varivel com um valor?
• Como voc atualiza o valor de uma varivel (ver tambm Operadores de atribuio)
• Quais tipos de dados os valores podem ter em JavaScript?
• O que 'fracamente tipada' significa?

Matemtica

• Quais tipos de nmeros voc tem que lidar no desenvolvimento web?
• Como voc faz matemtica bsica em JavaScript?
• Qual a precedncia do operador, e como isso tratado em JavaScript?
• Como voc incrementa e decrementa valores em JavaScript?
• Como voc compara valores em JavaScript? (por exemplo, para ver qual o maior, ou para ver se um valor igual ao outro).

Strings

• Como voc cria uma string em JavaScript?
• Do you have to use single quotes or double quotes?
• How do you escape characters in strings?
• How do you join strings together?
• Can you join strings and numbers together?
• How do you find the length of a string?
• How you find what character is at a certain position in a string?
• How do you find and extract a specific substring from a string?
• How do you change the case of a string?
• How do you replace one specific substring with another?

Arrays

• How do you create an array?
• How do you access and modify the items in an array? (this includes multidimensional arrays)
• How do you find the length of an array?
• How you add and remove array items?
• How do you split a string into array items, or join array items into a string?

Debugging JavaScript

• What are the basic types of error?
• What are browser developer tools, and how do you access them?
• How do you log a value to the JavaScript console?
• How do you use breakpoints, and other JavaScript debugging features?

For more information on JavaScript debugging, see Handling common JavaScript problems; also see Other common errors for a description of common errors.

Making decisions in code

• How do you execute different blocks of code, depending on a variable's value or other condition?
• How do you use if ...else statements?
• How do nest one decision block inside another?
• How do you use AND, OR, and NOT operators in JavaScript?
• How do you conveniently handle a large number of choices for one condition?
• How do you use a ternary operator to make a quick choice between two options based on a true or false test?

Looping/iteration

• How do you run the same bit of code over and over again?
• How do you exit a loop before the end if a certain condition is met?
• How do you skip to the next iteration of a loop if a certain condition is met?
• How do you use while and do ... while loops?
• How to iterate over the elements in an array
• How to iterate over the elements in a multidimensional array
• How to iterate over the members in an object
• How to iterate over the members of an object nested inside an array

Intermediate use cases

Functions

• How do you find functions in the browser?
• What is the difference between a function and a method?
• How do you create your own functions?
• How do you run (call, or invoke) a function?
• What is an anonymous function?
• How do you specify parameters (or arguments) when invoking a function?
• What is function scope?
• What are return values, and how do you use them?

Objects

• How do you create an object?
• What is dot notation?
• What is bracket notation?
• How do you get and set the methods and properties of an object?
• What is this, in the context of an object?
• What is object-oriented programming?
• What are constructors and instances, and how do you create them?
• What different ways are there to create objects in JavaScript?

JSON

• How do you structure JSON data, and read it from JavaScript?
• How can you load a JSON file into a page?
• How do you convert a JSON object to a text string, and back again?

Eventos

• What are event handlers and how do you use them?
• What are inline event handlers?
• What does the addEventListener() function do, and how do you use it?
• Which mechanism should I use to add event code to my web pages?
• What are event objects, and how do you use them?
• How do you prevent default event behaviour?
• How do events fire on nested elements? (event propagation, also related event bubbling and capturing)
• What is event delegation, and how does it work?

Javascript Orientado a objetos

• Quais so prottipos de objetos?
• Qual a propriedade do construtor, e como voc pode usa-la?
• Como voc adiciona mtodos para o construtor?
• Como voc cria um novo constructor que herda os membros do construtor pai?
• Quando voc deve usar herana em Javascript?

Web APIs

• Como voc manipula o DOM (por exemplo, adicionando e removendo elementos) usando Javascript?