No navegador

Os scripts JavaScript são mais comumente executados em um navegador da web como parte do navegador que renderiza uma página da web. Como os navegadores renderizam conteúdo HTML (em .htmlarquivos), os scripts JavaScript são incluídos nesse HTML usando uma <script>tag e especificando o caminho relativo para o arquivo que contém o código (geralmente um **.js**arquivo) a ser executado. Quando o navegador renderiza o HTML (lendo de cima para baixo) e chega a essa tag, ele irá baixar e executar o arquivo de script especificado usando o interpretador JavaScript:

<!-- execute the script.js file -->
<script src="path/to/my/script.js"></script>

• Observe que o <script>não

  elemento

  está vazio! É possível incluir código JavaScript diretamente na tag, mas isso é considerado uma má prática (mantenha as preocupações separadas!) e deve ser usado apenas para testes rápidos.

A <script>tag pode ser incluída em qualquer lugar de uma página HTML. Mais comumente, ele é colocado para <head>que o script seja executado antes do carregamento do conteúdo da página ou no final <body>para que o script seja executado após o carregamento do conteúdo da página (e, portanto, permite que o JavaScript execute imediatamente interagir com os elementos HTML carregados). Normalmente (começaremos) colocaremos <script>tags no final de <body>:

<!DOCTYPE html><html><head><!-- include here to run before the page appears -->
  <script src="js/script.js"></script></head><body>
   ... content ...

   <!-- include here to run "after" html appears -->
   <!-- we will usually do this -->
   <script src="js/script.js"></script></body><html>

• A maioria dos navegadores também suporta a adição de um defer<script><script><head><script>

  atributo ao

  elemento que informa ao navegador para adiar o download e a execução do script até que a página seja totalmente carregada e renderizada na tela. Com este atributo, você pode colocar o

  elemento no

  sem problemas. No entanto, este atributo não é suportado no IE 9 ou anterior; portanto, ainda é uma prática recomendada colocar o

  elemento no final do corpo.

Embora o JavaScript seja mais comumente usado para manipular o conteúdo da página da Web e, portanto, seja bastante óbvio para o usuário, ele também pode produzir uma saída “semelhante a um terminal” – incluindo texto impresso e mensagens de erro . Esta saída pode ser visualizada por meio do Console JavaScript incluído como ferramenta de desenvolvedor no navegador Chrome (outros navegadores incluem ferramentas semelhantes):

Acessando o console do desenvolvedor no Chrome.

Importante: Você deve sempre ter o JavaScript Console aberto ao desenvolver código JavaScript, pois é aqui que aparecerão mensagens de erro!

Na Linha se comando ou servidor.

Após a grande popularizaçãod e aplicações SPA e uso de JS, por volta dos anos 2005, ocorreu uma crescente popularização da linguagem JS o que motivou a utilização do Motor interpretador V8 utilizado no navegador Chome do lado do servidor.

1. Node.js:
   • Node.js é o ambiente de execução de JavaScript mais popular no lado do servidor. Ele é baseado no motor V8 do Google Chrome e permite que os desenvolvedores construam aplicativos escaláveis e eficientes.
2. Deno:
   • Deno é um runtime de JavaScript e TypeScript seguro, criado por Ryan Dahl, o criador original do Node.js. Ele também é baseado no motor V8 e oferece uma série de recursos modernos e aprimoramentos de segurança em comparação com o Node.js.
3. Rhino:
   • Rhino é um motor de JavaScript escrito inteiramente em Java e gerenciado pela Mozilla Foundation. Ele é usado para incorporar scripts JavaScript em aplicações Java.

Também é possível executar código JavaScript na linha de comando usando Node.js. Node é um ambiente de tempo de execução de linha de comando – ou seja, um interpretador JavaScript que pode ser executado na linha de comando.