JavaScript-Variable: Deklarieren, Wert mit Beispiel zuweisen

Anonim

Variablen werden zum Speichern von Werten (Name = "John") oder Ausdrücken (Summe = x + y) verwendet.

Deklarieren Sie Variablen in JavaScript

Bevor Sie eine Variable verwenden, müssen Sie sie zuerst deklarieren. Sie müssen das Schlüsselwort var verwenden , um eine Variable wie folgt zu deklarieren:

var name;

Weisen Sie der Variablen einen Wert zu

Sie können der Variablen entweder beim Deklarieren der Variablen oder nach dem Deklarieren der Variablen einen Wert zuweisen.

var name = "John";

ODER

var name;name = "John";

Variablen benennen

Obwohl Sie die Variablen beliebig benennen können, ist es eine gute Programmierpraxis, den Variablen beschreibende und aussagekräftige Namen zu geben. Darüber hinaus sollten Variablennamen mit einem Buchstaben beginnen und zwischen Groß- und Kleinschreibung unterscheiden. Daher unterscheiden sich die Variablen student name und studentName, da der Buchstabe n in einem Namen unterschiedlich ist (n und N).

Versuchen Sie dies selbst:

 Variablen !!! </ title><script type = "text />var one = 22;var zwei = 3;var add = eins + zwei;var minus = eins - zwei;var multiplizieren = eins * zwei;var dividieren = eins / zwei;document.write ("Erste Nr.: =" + eins + "<br />Zweite Nr.: =" + zwei + "<br />");document.write (eins + "+" + zwei + + add + "<br />");document.write (eins + "-" + zwei + + minus + "<br />");document.write (eins + "*" + zwei + + multiplizieren + "<br />");document.write (eins + "/" + zwei + + dividieren + "<br />");</ script></ head><body></ body></ html></pre> <form class="hidden" code-box" name="sample"> Dieser Code kann bearbeitet werden. Klicken Sie zum Ausführen auf Ausführen<textarea name="codeguru"> </textarea>
<p><input type="submit" value="Lauf" style="background-color:#df5035;" color:#ffffff;"></p>


										</div>
									</article>
									
<div id="container-5533149ee6411a5f99b370c693e87966"></div>								</div>
							</div>
						</div>
					</div>
				</div>
				
<aside class="col-lg-4 sidebar sidebar--right">
	<div class="widget widget-popular-posts">
		<h2 class="widget-title">Beliebte Beiträge</h2>
		<ul class="post-list-small">
			<li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8003358-062-a-look-at-the-current-buysellads-setup" title="# 062: Ein Blick auf das aktuelle BuySellAds-Setup - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/7945214/062_a_look_at_the_current_buysellads_setup_css-tricks.png.webp" loading="lazy" alt="# 062: Ein Blick auf das aktuelle BuySellAds-Setup - CSS-Tricks" title="# 062: Ein Blick auf das aktuelle BuySellAds-Setup - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003358-062-a-look-at-the-current-buysellads-setup" title="# 062: Ein Blick auf das aktuelle BuySellAds-Setup - CSS-Tricks" rel="bookmark"># 062: Ein Blick auf das aktuelle BuySellAds-Setup - CSS-Tricks 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8003359-063-mocking-up-buysellads-zones" title="# 063: Verspotten von BuySellAds-Zonen - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/1869362/063_mocking_up_buysellads_zones_css-tricks.png.webp" loading="lazy" alt="# 063: Verspotten von BuySellAds-Zonen - CSS-Tricks" title="# 063: Verspotten von BuySellAds-Zonen - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003359-063-mocking-up-buysellads-zones" title="# 063: Verspotten von BuySellAds-Zonen - CSS-Tricks" rel="bookmark"># 063: Verspotten von BuySellAds-Zonen - CSS-Tricks 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8003360-061-custom-header-for-the-forums-part-3" title="# 061: Benutzerdefinierter Header für die Foren, Teil 3 - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/4598471/061_custom_header_for_the_forums-_part_3_css-tricks.png.webp" loading="lazy" alt="# 061: Benutzerdefinierter Header für die Foren, Teil 3 - CSS-Tricks" title="# 061: Benutzerdefinierter Header für die Foren, Teil 3 - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8003360-061-custom-header-for-the-forums-part-3" title="# 061: Benutzerdefinierter Header für die Foren, Teil 3 - CSS-Tricks" rel="bookmark"># 061: Benutzerdefinierter Header für die Foren, Teil 3 - CSS-Tricks 2025</a></h3>
					</div>
				</div>
			</li>
		</ul>
	</div>

	<div class="widget widget-popular-posts">
		<h2 class="widget-title">Die besten Bewertungen für den Monat</h2>
		<ul class="post-list-small">
			<li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226487-informatica-transformations-tutorial-and-filter-transformation" title="INFORMATICA Transformations Tutorial & Filtertransformation" rel="bookmark">INFORMATICA Transformations Tutorial & Filtertransformation</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226488-session-properties-in-informatica-complete-tutorial" title="Sitzungseigenschaften in Informatica: Vollständiges Lernprogramm" rel="bookmark">Sitzungseigenschaften in Informatica: Vollständiges Lernprogramm</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226489-debugger-in-informatica-session-breakpoint-verbose-data-and-mapping" title="Debugger in Informatica: Sitzung, Haltepunkt, ausführliche Daten & Kartierung" rel="bookmark">Debugger in Informatica: Sitzung, Haltepunkt, ausführliche Daten & Kartierung</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226490-source-qualifier-transformation-in-informatica-with-example" title="Source Qualifier Transformation in Informatica mit BEISPIEL" rel="bookmark">Source Qualifier Transformation in Informatica mit BEISPIEL</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226491-aggregator-transformation-in-informatica-with-example" title="Aggregator-Transformation in Informatica mit Beispiel" rel="bookmark">Aggregator-Transformation in Informatica mit Beispiel</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226492-router-transformation-in-informatica-multiple-conditions-example" title="Router-Transformation in Informatica: Beispiel für mehrere Bedingungen" rel="bookmark">Router-Transformation in Informatica: Beispiel für mehrere Bedingungen</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226493-joiner-transformation-in-informatica-with-example" title="Joiner Transformation in Informatica mit BEISPIEL" rel="bookmark">Joiner Transformation in Informatica mit BEISPIEL</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226494-sequence-transformation-in-informatica-with-example" title="Sequenztransformation in Informatica mit BEISPIEL" rel="bookmark">Sequenztransformation in Informatica mit BEISPIEL</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226495-rank-transformation-in-informatica-with-example" title="Rangtransformation in Informatica mit BEISPIEL" rel="bookmark">Rangtransformation in Informatica mit BEISPIEL</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226496-lookup-transformation-in-informatica-and-re-usable-transformation-example" title="Lookup-Transformation in Informatica & Wiederverwendbares Transformationsbeispiel" rel="bookmark">Lookup-Transformation in Informatica & Wiederverwendbares Transformationsbeispiel</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226497-performance-tuning-in-informatica-complete-tutorial" title="Leistungsoptimierung in Informatica: Vollständiges Tutorial" rel="bookmark">Leistungsoptimierung in Informatica: Vollständiges Tutorial</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226498-normalizer-transformation-in-informatica-with-example" title="Normalisierertransformation in Informatica mit BEISPIEL" rel="bookmark">Normalisierertransformation in Informatica mit BEISPIEL</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226499-top-50-informatica-interview-questions-and-answers" title="Top 50 Informatica Interview Fragen & Antworten" rel="bookmark">Top 50 Informatica Interview Fragen & Antworten</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226500-top-42-microstrategy-interview-questions-and-answers" title="Top 42 Microstrategy Interview Fragen & Antworten" rel="bookmark">Top 42 Microstrategy Interview Fragen & Antworten</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8226501-informatica-cloud-tutorial-pdf-for-beginners-free-download" title="Informatica Cloud Tutorial PDF für Anfänger (KOSTENLOSER Download)" rel="bookmark">Informatica Cloud Tutorial PDF für Anfänger (KOSTENLOSER Download)</a></h3>
					</div>
				</div>
			</li>
		</ul>
	</div>
	
<div id="container-5533149ee6411a5f99b370c693e87966"></div>	<div class="widget widget-popular-posts">
		<h2 class="widget-title">Top Artikel</h2>
		<ul class="post-list-small">
			<li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8004240-193-scully-the-ssg-for-angular" title="# 193: Scully: die SSG für Angular - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/9231950/193_scully_the_ssg_for_angular_css-tricks.png.webp" loading="lazy" alt="# 193: Scully: die SSG für Angular - CSS-Tricks" title="# 193: Scully: die SSG für Angular - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8004240-193-scully-the-ssg-for-angular" title="# 193: Scully: die SSG für Angular - CSS-Tricks" rel="bookmark"># 193: Scully: die SSG für Angular - CSS-Tricks 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8004241-195-how-to-draw-a-line-with-css" title="# 195: Zeichnen einer Linie mit CSS - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/8451138/195_how_to_draw_a_line_with_css_css-tricks.png.webp" loading="lazy" alt="# 195: Zeichnen einer Linie mit CSS - CSS-Tricks" title="# 195: Zeichnen einer Linie mit CSS - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8004241-195-how-to-draw-a-line-with-css" title="# 195: Zeichnen einer Linie mit CSS - CSS-Tricks" rel="bookmark"># 195: Zeichnen einer Linie mit CSS - CSS-Tricks 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8004242-178-percy-catches-visual-changes-in-any-workflow" title="# 178: Percy fängt visuelle Änderungen in jedem Workflow ab - CSS-Tricks" rel="bookmark"><img src="https://cdn.css-code.org/8971817/178_percy_catches_visual_changes_in_any_workflow_css-tricks.png.webp" loading="lazy" alt="# 178: Percy fängt visuelle Änderungen in jedem Workflow ab - CSS-Tricks" title="# 178: Percy fängt visuelle Änderungen in jedem Workflow ab - CSS-Tricks" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8004242-178-percy-catches-visual-changes-in-any-workflow" title="# 178: Percy fängt visuelle Änderungen in jedem Workflow ab - CSS-Tricks" rel="bookmark"># 178: Percy fängt visuelle Änderungen in jedem Workflow ab - CSS-Tricks 2025</a></h3>
					</div>
				</div>
			</li>
		</ul>
	</div>
</aside>			</div>
		</div>
		
<footer class="footer footer--dark">
	<div class="container">
		<div class="footer__widgets">
			<div class="row">
				<div class="col-lg-4">
					<div class="widget">
						<h2 class="widget-title">Beliebte Beiträge</h2>
						<ul class="post-list-small">
							<li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003108-class" title="Klasse - CSS-Tricks" rel="bookmark">Klasse - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003109-enabled" title=": aktiviert - CSS-Tricks" rel="bookmark">: aktiviert - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003110-child" title="Kind - CSS-Tricks" rel="bookmark">Kind - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003111-empty" title=": leer - CSS-Tricks" rel="bookmark">: leer - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003112-first-letter" title=":: Anfangsbuchstabe - CSS-Tricks" rel="bookmark">:: Anfangsbuchstabe - CSS-Tricks</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="widget">
						<h2 class="widget-title">Tipp Der Redaktion</h2>
						<ul class="post-list-small">
						<li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003519-force-webkits-file-upload-input-button-to-the-right" title="Erzwingen Sie die Eingabe-Schaltfläche zum Hochladen von Dateien von WebKit nach rechts - CSS-Tricks" rel="bookmark">Erzwingen Sie die Eingabe-Schaltfläche zum Hochladen von Dateien von WebKit nach rechts - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003520-forcing-grayscale-printing" title="Graustufendruck erzwingen - CSS-Tricks" rel="bookmark">Graustufendruck erzwingen - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003521-force-vertical-scrollbar" title="Vertikale Bildlaufleiste erzwingen - CSS-Tricks" rel="bookmark">Vertikale Bildlaufleiste erzwingen - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003522-give-clickable-elements-a-pointer-cursor" title="Geben Sie anklickbaren Elementen einen Zeigercursor - CSS-Tricks" rel="bookmark">Geben Sie anklickbaren Elementen einen Zeigercursor - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003523-glowing-blue-input-highlights" title="Leuchtend blaue Eingangshighlights - CSS-Tricks" rel="bookmark">Leuchtend blaue Eingangshighlights - CSS-Tricks</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="widget">
						<h2 class="widget-title">Top Artikel</h2>
						<ul class="post-list-small">
						<li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224737-java-tutorial-pdf-basics-pdf-for-beginners-download-now" title="JAVA Tutorial PDF: Grundlagen PDF für Anfänger (Jetzt herunterladen)" rel="bookmark">JAVA Tutorial PDF: Grundlagen PDF für Anfänger (Jetzt herunterladen)</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224738-how-to-run-jsp-program-on-jboss-server-in-eclipse" title="Ausführen des JSP-Programms auf Jboss Server in Eclipse" rel="bookmark">Ausführen des JSP-Programms auf Jboss Server in Eclipse</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224739-20-best-java-tools-for-developers-in-2021" title="20 besten Java-Tools für Entwickler im Jahr 2021" rel="bookmark">20 besten Java-Tools für Entwickler im Jahr 2021</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224740-jsp-elements-jsp-declaration-jsp-syntax-jsp-expression-jsp-comments" title="JSP-Elemente - JSP-Deklaration, JSP-Syntax, JSP-Ausdruck, JSP-Kommentare" rel="bookmark">JSP-Elemente - JSP-Deklaration, JSP-Syntax, JSP-Ausdruck, JSP-Kommentare</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224741-jsp-directives-page-include-and-taglib-tutorial" title="JSP-Richtlinien: Page, Include & Taglib Tutorial" rel="bookmark">JSP-Richtlinien: Page, Include & Taglib Tutorial</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<p>© Copyright de.css-code.org, 2025 September | 
				<a href="https://de.css-code.org/about-site" title="Über Site">Über Site</a> | 
				<a href="https://de.css-code.org/contacts" title="Kontakte">Kontakte</a> | 
				<a href="https://de.css-code.org/privacy-policy" title="Datenschutz-Bestimmungen">Datenschutz-Bestimmungen</a>.
			</p>
			
		</div>
	</div>
</footer>		
<link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" />	</body>
</html>