Inhaltsverzeichnis
Variable" >Variable
Heim Web-Frontend js-Tutorial Ausgewählte variable Grundlagen von JavaScript (super detaillierter Lernaustausch!)

Ausgewählte variable Grundlagen von JavaScript (super detaillierter Lernaustausch!)

Oct 12, 2021 pm 05:24 PM
javascript 变量

In diesem Artikel geht es um die Grundlagen von JavaScript-Variablen. Ich hoffe, dass er für alle hilfreich ist. Lassen Sie uns zusammenarbeiten.

Ausgewählte variable Grundlagen von JavaScript (super detaillierter Lernaustausch!)

  1. Variable

1.1 Das Konzept der Variablen:

Eine Variable bezieht sich auf eine benannte Speichereinheit im Programm. Ihre Hauptfunktion besteht darin, einen Container zum Speichern von Informationen für Datenoperationen bereitzustellen . Eine Variable kann man sich als einen Container vorstellen, der Daten enthält.

1.2 Deklaration und Zuweisung von Variablen

In JavaScript müssen Variablen vor ihrer Verwendung deklariert werden. Zum Deklarieren von Variablen wird das Systemschlüsselwort var verwendet. Beim Deklarieren einer Variablen können Sie auch die Zuweisungsnummer „=“ verwenden, um der Variablen einen Wert zuzuweisen. Das Syntaxformat lautet wie folgt: =”对变量进行赋值,语法格式如下:

var 变量名 = 变量值
Nach dem Login kopieren

举例:

var  name ;  //声明一个变量
var name,city,like ; //声明多个变量,多个变量之间用英文状态下的逗号分开
var name = "阿泽"; //声明一个变量并且赋值
Nach dem Login kopieren

1.3 变量的命名规则

  • 变量不能以数字开头,可以以字母或下划线开头。

  • JavaScript的变量名要区分大小写。

  • 不能使用JavaScript中的关键字作为变量名。

2.变量的数据类型

变量的类型关键在于值的类型

2.1数值型

数值型的变量是可以进行数学运算的,它包括:整型、浮点型和NaN

例:

var a = 10;
var y = 0.1;
var x = 100;
Nach dem Login kopieren

其中较为特殊的是:NaN(not a number)不是一个数字。当将其它数据类型,转成数值型,转不过去,但程序又不能报错,这时将返回一个NaN的值。如下情况:

<html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           var length = "500m";
           length = length*5;
           document.write(length);
        </script>
    </head>
    <body>
    </body>
</html>
Nach dem Login kopieren

现在我们想让一个东西的长度变成原来的5倍,一个字符串,是不能转换成有意义的数值的,只能转换成NaN
一个含纯数字的字符串,可以转成有意义的数值,可以修改length为纯数字的字符串,输出查看结果。

2.2字符型

单引号或者双引号引起来的一个字符串。

需要注意的是:单引号和双引号之间可以相互嵌套;单引号内只能嵌套双引号,双引号内只能嵌套单引号。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
    var name = "阿泽";
            var str = "我的名字是&#39;" +name+"&#39;"
            document.write(str)
    </script>
   </head>
<body>
    </body>
</html>
Nach dem Login kopieren

其中加号是字符串连接符,如果想在双引号内,再嵌套双引号,里面的双引号,一定要进行转义(”)。JS中的转义字符是反斜杠()

常用的转义字符有:\rn等。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
    var name = "阿泽";
            var str =  "我的名字叫做\"" +name+"\""
            document.write(str)
    </script>
   </head>
<body>
    </body>
</html
Nach dem Login kopieren

2.3 布尔型

布尔型又称逻辑型。只有两个值:true(真)、false(假)。也就是两个状态,比如:灯的开关、性别等。

var a = true;
var b = false
Nach dem Login kopieren

布尔型常用if条件判断语句中,例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
     var a = 10;
           var b = 110;
           if(x>y){
               document.write(a+"比"+b+"大");
           }else{
               document.write(b+"比"+a+"大");
           }
    </script>
   </head>
<body>
    </body>
</html>
Nach dem Login kopieren

2.4 未定义型

未定义型的值只有一个undefined

一个变量定义,未被赋值时,会返回为未定义型;一个对象,属性不存在时,也会返回为未定义型;

例:未赋值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
      var x;
           document.write(x);
    </script>
   </head>
<body>
    </body>
</html>
Nach dem Login kopieren

2.5 空型

空型只有一个值:null

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
      var x = null;
     var a = 100;
     var a = null ;
     document.write(x);
     document.write(a);
    </script>
   </head>
<body>
    </body>
</html>
Nach dem Login kopieren
Beispiel:

rrreee

1.3 Benennungsregeln für Variablen

    🎜Variablen können nicht mit Zahlen, sondern mit Buchstaben oder Unterstrichen beginnen.
    🎜🎜🎜🎜JavaScript-Variablennamen unterscheiden zwischen Groß- und Kleinschreibung. 🎜🎜🎜🎜Sie können in JavaScript keine Schlüsselwörter als Variablennamen verwenden. 2. Datentyp der Variablen umfassen: Ganzzahl, Gleitkomma und NaN
    🎜🎜Beispiel: 🎜rrreee🎜Das Besondere ist: NaN (keine Zahl) ist keine Zahl. Bei der Konvertierung anderer Datentypen in numerische Typen kann die Konvertierung nicht durchgeführt werden, das Programm kann jedoch keinen Fehler melden. In diesem Fall wird ein NaN-Wert zurückgegeben. Die folgende Situation: 🎜rrreee🎜Jetzt wollen wir die Länge von etwas auf das Fünffache seiner ursprünglichen Länge bringen. Ein String kann nicht in einen sinnvollen numerischen Wert umgewandelt werden, sondern nur in NaN.
                                     aussagekräftiger numerischer Wert kann in eine rein numerische Zeichenfolge geändert und das Anzeigeergebnis ausgegeben werden. 🎜🎜🎜2.2 Zeichentyp🎜
    🎜🎜Eine Zeichenfolge, die in einfache oder doppelte Anführungszeichen eingeschlossen ist.
    🎜🎜Es ist zu beachten, dass einfache und doppelte Anführungszeichen ineinander verschachtelt werden können. 🎜rrreee🎜Das Pluszeichen ist der String-Verbinder. Wenn Sie doppelte Anführungszeichen in doppelte Anführungszeichen verschachteln möchten, müssen die doppelten Anführungszeichen darin maskiert werden ("). Das Escape-Zeichen in JS ist die Umkehrung von Slash()code>. 🎜🎜Häufig verwendete Escape-Zeichen sind: <code>', , \, r, <code> n usw. 🎜rrreee🎜🎜2.3 Boolescher Typ🎜
    🎜🎜Der boolesche Typ wird auch als logischer Typ bezeichnet. Es gibt nur zwei Werte: true (wahr), false (falsch). Das heißt, zwei Zustände, wie zum Beispiel: Lichtschalter, Geschlecht usw. 🎜rrreee🎜Der boolesche Typ wird häufig in bedingten Urteilsaussagen verwendet, zum Beispiel: 🎜rrreee🎜🎜2.4 Undefinierter Typ🎜
    🎜🎜Der undefinierte Typ hat nur einen Wert undefiniert🎜. 🎜🎜🎜Eine Variablendefinition wird zum undefinierten Typ zurückkehren, wenn ihr kein Wert zugewiesen ist; ein Objekt wird auch zum undefinierten Typ zurückkehren, wenn sein Attribut nicht vorhanden ist. 🎜🎜Beispiel: Nicht zugewiesen
    🎜rrreee🎜🎜2.5 Leerer Typ 🎜
    🎜🎜Der leere Typ hat nur einen Wert: null. 🎜🎜Wenn ein Objekt nicht vorhanden ist, wird ein Nulltyp zurückgegeben. Wenn Sie den Wert einer Variablen löschen möchten, können Sie einen Nullwert zuweisen. 🎜rrreee🎜【Empfohlenes Lernen: 🎜Javascript-Tutorial für Fortgeschrittene🎜】🎜

Das obige ist der detaillierte Inhalt vonAusgewählte variable Grundlagen von JavaScript (super detaillierter Lernaustausch!). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript Dec 17, 2023 pm 02:54 PM

So implementieren Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem. Einführung: Mit der kontinuierlichen Weiterentwicklung der Technologie ist die Spracherkennungstechnologie zu einem wichtigen Bestandteil des Bereichs der künstlichen Intelligenz geworden. Das auf WebSocket und JavaScript basierende Online-Spracherkennungssystem zeichnet sich durch geringe Latenz, Echtzeit und plattformübergreifende Eigenschaften aus und hat sich zu einer weit verbreiteten Lösung entwickelt. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem implementieren.

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Dec 17, 2023 pm 05:13 PM

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Einführung: Heutzutage ist die Genauigkeit von Wettervorhersagen für das tägliche Leben und die Entscheidungsfindung von großer Bedeutung. Mit der Weiterentwicklung der Technologie können wir genauere und zuverlässigere Wettervorhersagen liefern, indem wir Wetterdaten in Echtzeit erhalten. In diesem Artikel erfahren Sie, wie Sie mit JavaScript und WebSocket-Technologie ein effizientes Echtzeit-Wettervorhersagesystem aufbauen. In diesem Artikel wird der Implementierungsprozess anhand spezifischer Codebeispiele demonstriert. Wir

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode. Es sind spezifische Codebeispiele erforderlich. Vorwort: Bei der Webentwicklung ist häufig die Dateninteraktion mit dem Server erforderlich. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen. Verwenden von XMLHttpRequest

Mindmap der Python-Syntax: Vertiefendes Verständnis der Codestruktur Mindmap der Python-Syntax: Vertiefendes Verständnis der Codestruktur Feb 21, 2024 am 09:00 AM

Python wird aufgrund seiner einfachen und leicht lesbaren Syntax in einer Vielzahl von Bereichen häufig verwendet. Es ist von entscheidender Bedeutung, die Grundstruktur der Python-Syntax zu beherrschen, um sowohl die Programmiereffizienz zu verbessern als auch ein tiefes Verständnis für die Funktionsweise des Codes zu erlangen. Zu diesem Zweck bietet dieser Artikel eine umfassende Mindmap, die verschiedene Aspekte der Python-Syntax detailliert beschreibt. Variablen und Datentypen Variablen sind Container, die zum Speichern von Daten in Python verwendet werden. Die Mindmap zeigt gängige Python-Datentypen, einschließlich Ganzzahlen, Gleitkommazahlen, Zeichenfolgen, boolesche Werte und Listen. Jeder Datentyp hat seine eigenen Eigenschaften und Betriebsmethoden. Operatoren Operatoren werden verwendet, um verschiedene Operationen an Datentypen auszuführen. Die Mindmap deckt die verschiedenen Operatortypen in Python ab, z. B. arithmetische Operatoren und Verhältnisse

Was sind Instanzvariablen in Java? Was sind Instanzvariablen in Java? Feb 19, 2024 pm 07:55 PM

Instanzvariablen in Java beziehen sich auf Variablen, die in der Klasse definiert sind, nicht in der Methode oder dem Konstruktor. Instanzvariablen werden auch Mitgliedsvariablen genannt. Jede Instanz einer Klasse verfügt über eine eigene Kopie der Instanzvariablen. Instanzvariablen werden während der Objekterstellung initialisiert und ihr Zustand wird während der gesamten Lebensdauer des Objekts gespeichert und beibehalten. Instanzvariablendefinitionen werden normalerweise an der Spitze der Klasse platziert und können mit einem beliebigen Zugriffsmodifikator deklariert werden, der öffentlich, privat, geschützt oder der Standardzugriffsmodifikator sein kann. Es hängt davon ab, was wir wollen

Wie erhalte ich Variablen aus der PHP-Methode mit Ajax? Wie erhalte ich Variablen aus der PHP-Methode mit Ajax? Mar 09, 2024 pm 05:36 PM

Die Verwendung von Ajax zum Abrufen von Variablen aus PHP-Methoden ist ein häufiges Szenario in der Webentwicklung. Durch Ajax kann die Seite dynamisch abgerufen werden, ohne dass die Daten aktualisiert werden müssen. In diesem Artikel stellen wir vor, wie man Ajax verwendet, um Variablen aus PHP-Methoden abzurufen, und stellen spezifische Codebeispiele bereit. Zuerst müssen wir eine PHP-Datei schreiben, um die Ajax-Anfrage zu verarbeiten und die erforderlichen Variablen zurückzugeben. Hier ist ein Beispielcode für eine einfache PHP-Datei getData.php:

Tiefes Verständnis von const in der C-Sprache Tiefes Verständnis von const in der C-Sprache Feb 18, 2024 pm 12:56 PM

Ausführliche Erklärung und Codebeispiele von const in C. In der C-Sprache wird das Schlüsselwort const zum Definieren von Konstanten verwendet, was bedeutet, dass der Wert der Variablen während der Programmausführung nicht geändert werden kann. Mit dem Schlüsselwort const können Variablen, Funktionsparameter und Funktionsrückgabewerte geändert werden. Dieser Artikel bietet eine detaillierte Analyse der Verwendung des Schlüsselworts const in der C-Sprache und stellt spezifische Codebeispiele bereit. const modifizierte Variable Wenn const zum Ändern einer Variablen verwendet wird, bedeutet dies, dass die Variable eine schreibgeschützte Variable ist und nicht geändert werden kann, sobald ihr ein Wert zugewiesen wurde. Zum Beispiel: constint

See all articles