Javascript Como evitar de usar variaveis globais?

Reberth Siqueira · 18 de novembro de 2019

Segue abaixo o Código:

-------------> HTML

<!DOCTYPE html>
<html>

<script  src="js/main.js"></script>
<link rel="stylesheet" href="css/main.css">
<head>
</head>
<body>

<button onclick = "let more = new blocos(); more.more();">+</button>
<button onclick = "let less = new blocos(); less.less();">-</button>

<span id="container"></span>


</body>
</html>

-------------> Css

.retangulo{
    width:10%;
    height: 25px;
    margin: auto;
    padding: 10px;
}

-------------> Java Script


let array = [];
let i = 0;


const criar = (i, Color)=> {
  let objeto = {nome: "", color:""};
  let element = document.createElement("div");

  objeto = {nome: "nome"+i, color: Color};

 array.push(objeto);

 for(var j = 0 ; j < array.length ; j++){
   element.innerHTML = "<div class = retangulo style = background-color:"+array[j].color+">"+array[j].nome+"</div>";
   
   document.getElementById("container").appendChild(element);

 } 
}
class blocos{
  constructor(){};

  more(){
       let color = Math.floor(Math.random()*(10)+1);
      console.log(color);


      switch(color){
        case 1: // RED - VERMELHO
          // Criar um elemento -- OK
          // Criar um objeto do novo bloco -- OK
          // Dar um push no array -- OK
          // Atribuir um codigo HTML à esse elemento com innerHTML --  OK
          // Realizamos o appendChild -- OK
          criar(i,"red");
          i++;     
          break;
          case 2:
              criar(i,"blue");
              i++;
            break;
            case 3:
                criar(i,"green");
                i++;
              break;
              case 4:
                  criar(i,"teal");
                  i++;
                break;
                case 5:
                    criar(i,"purple");
                    i++;
                  break;
                  case 6:
                      criar(i,"violet");
                      i++;
                    break;
                    case 7:
                        criar(i,"pink");
                        i++;
                      break;
                      case 8:
                          criar(i,"maroon");
                          i++;
                        break;
                        case 9:
                            criar(i,"grey");
                            i++;
                          break;
                          case 10:
                              criar(i,"black");
                              i++;
                            break;
      }



  }
  
  less(){
       var list = document.getElementById("container");

       list.removeChild(list.childNodes[array.length-1]);
       

       array.pop();
i--;
  }
}

Eu estou com uma dúvida no meu código javascript:

É possível eu armazenar os valores da variave i e da variavel array sem ser em uma variavel global?

Luís Roberto C. da Silva · 18 de novembro de 2019

Se a variável é utilizada por mais de uma função então ela tem que ser global mesmo.

adicionado 1 minuto depois

Em C é que existe o conceito de ponteiro, que utiliza o endereço de memória da variável, não precisando der global para dar acesso a várias funções.

Reberth Siqueira · 19 de novembro de 2019

14 minutos atrás, Luís Roberto C. da Silva disse:

Se a variável é utilizada por mais de uma função então ela tem que ser global mesmo.

adicionado 1 minuto depois

Em C é que existe o conceito de ponteiro, que utiliza o endereço de memória da variável, não precisando der global para dar acesso a várias funções.

Pois é, em C aprendi que variavel global deve ser evitada. Mas pelo que eu to vendo em javascript não existe o conceito de ponteiros...

Luís Roberto C. da Silva · 19 de novembro de 2019

Porém é possível "simular" um ponteiro em Javascript utilizando objetos:

function teste(obj){
  obj.str += " Roberto";
}

function teste2(){
  var obj = {str:"Luís"};
  teste(obj);
  alert(obj.str);
}

O alert() deve imprimir Luís Roberto, tornando desnecessário as variáveis globais.

Entrar

Javascript Como evitar de usar variaveis globais?

Posts recomendados

Reberth Siqueira

Link para o comentário

Compartilhar em outros sites

Luís Roberto C. da Silva

Link para o comentário

Compartilhar em outros sites

Reberth Siqueira

Link para o comentário

Compartilhar em outros sites

Luís Roberto C. da Silva

Link para o comentário

Compartilhar em outros sites

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos