Unterschiede von let, var und const?

Was sind die Unterschiede von let, var und const ?

2 Antworten

BeamerBen

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

16.07.2021, 13:30

Es gibt einige Unterschiede, siehe z.B. https://hacks.mozilla.org/2015/07/es6-in-depth-let-and-const/

Kurzfassung:

let ist block scoped, var ist function scoped
let ist neuer und sollte quasi immer in neuem code genutzt werden, var hat quasi einige Probleme die man nicht ändern kann da alter Code kaputt gehen konnte. Deswegen hat man ein neues Keyword hinzugefügt
du kannst eine Variable mit let nur ein mal deklarieren
in einer for loop wird mit let jedes mal eine neue Variable erstellt
"globale variablen" mit let sind nicht teil des window /globalen Objects

const ist wie let aber man kann der Variable keinen neuen Wert mit = zuweisen. Das verhindert versehentliche Fehler. Ich würde empfehlen immer const zu nutzen wenn sich der Wert einer Variable nicht ändert.

Achtung: nur weil du mit const einer variable keinen anderen Wert zuweisen kannst, heißt das nicht das Objekte selber nicht verändert werden können. Wenn der Wert eine Referenz auf ein Objekt ist kann man zwar der Variable keine andere Referenz auf ein anderes Objekt zuweisen, das Objekt auf das die Referenz zeigt kann allerdings weiterhin verändert werden.

Woher ich das weiß:Berufserfahrung – Software Entwickler / Devops

Timpanyy

16.07.2021, 13:22

const ist eine Konstante, var hat einen global scope und let einen block scope

Guten Abend!

Mich würde mal interessieren, wo in JavaScript der Unterschied zwischen

var
const
let

besteht.

Vielen Dank für eure Antworten!

LG,

...zur Frage

Programmieren: Ist es sinnvoll Teilaufgaben in Funktion zu unterteilen?

Hallo,

wenn ich z.B. eine große Funktion habe (hier die main) und dort Teilaufgaben wie z.B. irgendwas komplex zu sortieren in weitere Funktionen unterteile (sort funktion) die aber wirklich nur 1x aufgerufen werden, stellt sich mir die Frage, ob das sinnvoll ist, oder bad practice.

Ich tue das ganze nur aus dem Grund, um den Funktionsablauf übersichtlich zu halten. Letztendlich geht es um die Frage, wie "teuer" (inperformant) ein Funktionsaufruf ist.

Hier BEISPIELCODE kein Sinn dahinter, nur zur Verdeutlichung:

function sort(image, arr) { // Subfunktion
  const min = min_val;
  const max = max_val;
  for (let i = 0; i < arr.length; i++) {
    for (let k = 0; k <= arr[0].length; k++) {
      if (arr[i][k] < min) arr[i][k] = min;
      if (arr[i][k] > max) arr[i][k] = max;
    }
  }
  for (let i = 0; i < image.length; i++) {
    for (let k = 0; k < image[0].length; k++) {
      image[i][k] = arr[parseInt(image[i][k])];
    }
  }
  return image;
}

function main() {
  const array = new Uint8Array(20);
  crypto.getRandomValues(array);
  const arrayEncoded =  btoa(String.fromCharCode(...array)).split('');
  const arrayFiltered = arrayEncoded.filter(value => {
    switch (value){
    case "+" :
        return false;
    case "/" :
        return false;
    case "=" :
        return false;
    default :
      return true;
    }
  });
  const sortedArray = sort(arrayFiltered, arrayEncoded) // Hier wird unterfunktion aufgerufen
  var arr = new Uint8Array((sortedArray || 40) / 2)
  window.crypto.getRandomValues(arr)
  return Array.from(arr, dec2hex).join('')
}

Versucht nicht, den Code zu verstehen, es sind einfach nur zusammengewürfelte Zeilen von irgendwo.

...zur Frage

Was mache ich falsch (JavaScript Beispiel)?

Ich will die Zahlen addieren, aber es fügt sie in der Konsole einfach nebeneinander und ich bekomme "4,996,994,992,99" als Ergebnis. :(

const calculateInvoice = (starterPrice, maindishPrice, dessertPrice, beveragePrice) => {
  return starterPrice + maindishPrice + dessertPrice + beveragePrice;
}
var starterPrice = "4,99";
var maindishPrice = "6,99";
var dessertPrice = "4,99";
var beveragePrice = "2,99";
var addition = starterPrice + maindishPrice + dessertPrice + beveragePrice;
console.log(addition)

Vielen Dank.

...zur Frage

Wieso funktioniert mein localStorage nicht?

//addListFunction
function addList() {
    var txt = input.value;
    if(txt == ''){
        alert('Bitte etwas eingeben!');
    }else{


        const myli = document.createElement('li'); //create <li> node! 
        myli.innerHTML = txt;
        list.insertBefore(myli,list.childNodes[0]);
        input.value = '';
        localStorage.setItem('listenElement', txt); 
        localStorage.getItem(localStorage.key(txt));
        
        //createSpan
        const mySpan = document.createElement('span');
        mySpan.innerHTML = 'x';
        myli.appendChild(mySpan);
        
        //delButtons
        const close = document.querySelectorAll('span');
        for(let i = 0; i < close.length; i++) {
            close[i].addEventListener('click', (e) => {
                close[i].parentElement.remove();
            })
            input.value = '';
        }
     }

Ich arbeite zum ersten mal mit Localstorage..und verstehe nicht wieso meine Listeneinträge nicht abgespeichert werden...
Abgespeichert werden diese nur aber wenn ich die Seite neu Lade verschwinden diese gleich wieder.

...zur Frage

Cannot read property 'channels' of undefined Discord Js v12?

Das ist der Code:

const guild = bot.guilds.cache.get("827234000862445648")

let channel = guild.channels.cache.get("827577602142896148")

channel.setName("║-»Members: "+bot.guild.memberCount)

und bei mir steht immer der Fehler: Cannot read property 'channels' of undefined.

Auf Deutsch: Die Eigenschaft 'Kanäle' von undefined kann nicht gelesen werden.

...zur Frage

JavaScript problem mit var und if?

Hallo Menschen,

ich will eine js datei machen die wenn man über 18 ist soll man weiter zu nächsten if abfrage kommen unzwar ob man eine kognitiveerkrankung hat, wenn sie true ist soll man in einer var = msg der text "Du hast eine kognitiveerkrankung und desdwegen darfst du den Führerschein nicht machen. " gespeichert werden und wenn es false ist in der else eine neue if anfrage sein die abfragt ob man eine körperliche behinderung hat. wenn es true ist soll in der var = msg der text "du hast zwar eine behinderung, kannst mit hilfsmitten den führerschein aber trotzdem machen. " stehen und wenn false in der else der text (in der var = msg) "Du hast keine erkrankung oder behinderung. Außerdem bist du über 18 also darfst du den Führerschein machen. "

das ist mein Code:

const alter
const kognitivebehinderung
const behinderung
alter = 18
kognitivebehinderung = true
behinderung = true
var msg
if (alter <= 18) {
  msg ="Du bist nicht 18, du darfst kein Führerschein machen. "
} else{
  if (kognitivebehinderung == true) {
    msg +="Du hast außerdem eine kognitivebehinderung also darfst du kein Fühereschein machen. "
  } else {
    if (behinderung == true) {
      msg +="Du hast zwar eine Körperliche behinderung aber du darfst den fürherschein machen. "
    } else {
      msg +="Du hast nichts und darfst den führerschein machen. du hast keine erkrankung oder behinderung. Außerdem bist du über 18 Jahre alt. "
    }
  }
}
alert(msg);

...zur Frage

Javascript Leerzeile nach pTag einfügen?

Hi,

ich möchte nach einem pTag, wenn das nächste GeschwisterElement nicht auch ein pTag ist, eine Leerzeile einfügen. Leider schein bei der If Abfrage iwas nicht zu stimmen. Er führt den Befehl immer aus obwohl das nächste Element ein pTag ist. Sieht jemand meinen Fehler?

function leerzeile() {

var plength = document.getElementsByTagName("p").length;

for (let i = 0; i < plength; i++) {

var p = document.getElementsByTagName("p")[i];

p.classList.add("pclass");

}

var pclass = document.getElementsByClassName("pclass").length;

for (let i = 0; i < pclass; i++) {

var ptag = document.createElement("p");

ptag.innerHTML = "&nbsp";

var vorhandenesObjekt = document.getElementsByClassName("pclass")[i];

var nextElement = vorhandenesObjekt.nextSibling;

if (nextElement.tagName != "p" ) {

vorhandenesObjekt.appendChild(ptag);

vorhandenesObjekt.style.margin = "0";

}

leerzeile();

...zur Frage

Hilfe bei Variablen, Schleifen und If-Abfrage in JavaScript?

Nächste Woche habe ich einen Test über JavaScript, wo ich bestimmen muss, worüber der code sich handelt. Weil das der Anfang für mich ist kommen nur Beispiele zur Variablen, do-while Schleifen und If-Abfrage vor. Bei Variablen weiß ich nur, dass "var", "const" und "tel" existieren, wobei var nicht mehr aktuell ist.

Wozu sind die gut? Und wie erkenne ich, ob bei dem code ein fehler ist?

Danke voraus!

...zur Frage

Javascript Fragen?

Hallo,

wir haben heute JS angefangen, aber ich habe ein paar Sachen nicht ganz verstanden.

Wann benutzt man "var" und wann "const" und gerne mit Beispielen bitte
Was sind Interpolation und Concatenation? Und wann benutzt man sie? Hier auch bitte mit Beispielen.

Ich habe schon darüber recherchiert, aber die Antworten sind dort zu komplex und unverständlich. Ich hoffe auf eure verständliche und nützliche Fragen!

Dankesschön im Voraus!

...zur Frage

hinzufügen von formdata funktioniert nicht in js?

Ich möchte bilder via ajax an mein backend versenden, best practice scheint ja wohl dafür ein FromData object zu machen und dort dann die files zu appenden. Irgendwie functioniert append aber nicht:

// Fetch DOM
const saveBtn = $('#saveBtn')[0];
console.log(saveBtn);
saveBtn.addEventListener('click', saveImage);


function saveImage() {   
  const fd = makeFormData();
  console.log(fd);
  console.log('clicks'); }
  
  
  function makeFormData() {
   const title = $('#title');
   const service = $('#service');
   const colors = $('#colors');
   const logo = $('#logo').files;
   const img = $('#img').files;

   let fd = new FormData();
   fd.append('test', 'test');
  
  
   return fd; }

...zur Frage

Java Script - Wieso ändert sich die Hintergrundfarbe nicht (backgroundColor)?

Moin zusammen,

Wieso ändert sich hier nicht die Hintegrund-farbe (backgroundColor) von dem <h1>-Element, wenn man den Code mit HTML ausführt?


var h1 = document.createElement('h1');
document.body.appendChild(h1);


setInterval(colors, 1000);

let h1style = h1.style;

let farben = ['"green"','"red"', '"orange"', '"yellow"', '"pink"';


                            function colors(){


                            let n = Math.floor(Math.random() *10);
                            h1style.backgroundColor = farben[n];


                            h1.innerHTML = farben[n];
                            vergangeneZeit++;

...zur Frage

Web scraping code funktioniert nicht?

Hallo, ich mache gerade ein YT-Tutorial über Webscraping (mit Node.js) und wollte ausprobieren ob ich es auch selbst kann. Kurz - Nein. Ich habe alles gemacht wie im Video, nur dass ich die Url und die class geändert habe. Als ich es genau wie im Video gemacht hatte, hat noch alles funktioniert. Der server funktioniert wie gehabt, nur dass der Titel nicht ausgegeben wird. Hier ist mein code:

const PORT = 8000
const axios = require('axios')
const cheerio = require('cheerio')
const express = require('express')


const app = express()


const url = 'https://www.oefb.at/Profile/Spieler/1028138?Lorenz-Maurer'


axios(url)
    .then(response => {
        const html = response.data
        const $ = cheerio.load(html)
        
        let title = $('.title_subtitle_nav_1').text();


            console.log(title)
        }).catch(err => console.log(err))


app.listen(PORT, () => console.log(`server running on PORT ${PORT}`) )

...zur Frage

Wie muss ich diesen JavaScript-Code lesen (Schleifen)?

Hallo, ich befasse mich gerade mit Schleifen in JavaScript und ich verstehe das Prinzip ehrlich gesagt nicht wirklich, wie ich diesen Code in verständliche Sprache übersetze: Ich verstehe das Grundprinzip und bin mit Schlüsselwörtern wie continue oder break vertraut, aber ich verstehe nicht, wie ich die for-Schleife lesen muss: Was heißt let i = 0 zum Beispiel? Worauf bezieht sich die 0, auf den Index? Danach kommt ja die Bedingung i < numbers.length, was ist in dem Fall numbers.length, das Array? Und anschließend der Inkrementierungsausdruck, also erhöhe um 1.



const numbers = [2, 4, 56, 22, 65, 2, 54, 88, 29];         
console.log("Vor der Schleife");                           
for (let i = 0; i < numbers.length; i++) {                 
    const number = numbers[i];                             
    if (number % 2 === 1) {                                
        console.log("Ungerade Zahl gefunden.");           
        continue;                                             
    }                                                      
    console.log(number);                                   
}
console.log("Nach der Schleife.");

...zur Frage

for-Schleife mit let?

for (let i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 10);
}

Warum hat hier jeder Schleifen-Durchgang seine eigene Kopie von i?

Im Gegensatz zu

for (var i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 10);
}

wo immer dasselbe i benutzt wird?

Ich verstehe ja, dass let block-scoped ist, aber das „let i = 0;“ wird doch nur ein einziges mal ausgeführt, und zwar am Start, BEVOR die Schleifen-Durchgänge ausgeführt werden. Warum benutzen die ganzen Schleifendurchgänge dann nicht dieses eine i, wie es auch beim var der Fall ist? Wie kommt es, dass jede Iteration ihr eigenes i hat? Es wird doch lediglich die Überprüfung der Bedingung am Ende jedes Schleifendurchgangs durchgeführt, nicht die Deklaration?

Wenn ich die for-Schleife zu einer äquivalenten while-Schleife umschreibe teilen sich die Iterationen wie erwartet das selbe i, trotz des lets.

let i = 0;
while (i < 5) {
  setTimeout(() => console.log(i), 10);
  i++;
}

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen