suchen

Heim >Web-Frontend >js-Tutorial >JavaScript-Webprogrammierung ------ Grundlegende Syntax (Variablen, Operatoren, Anweisungen)

JavaScript-Webprogrammierung ------ Grundlegende Syntax (Variablen, Operatoren, Anweisungen)

黄舟
黄舟Original
2016-12-30 16:51:071216Durchsuche

JavaScript-Übersicht

JavaScript ist eine objekt- und ereignisgesteuerte Skriptsprache, die hauptsächlich auf der Clientseite verwendet wird.

Funktionen:

1. Interaktivität (alles, was es kann, ist dynamische Interaktion von Informationen)

2. Sicherheit (direkter Zugriff auf die lokale Festplatte ist nicht erlaubt)

3. Plattformübergreifend (jeder Browser, der JS interpretieren kann, kann es ausführen, unabhängig von der Plattform)

JavaScript unterscheidet sich von Java

1 Netscape. Früher LiveScript; Java ist ein Produkt von Sun und jetzt ein Produkt von Oracle.

2. JS ist objektbasiert und Java ist objektorientiert.

3. JS muss nur interpretiert werden, bevor es ausgeführt werden kann. Java muss zuerst in eine Bytecode-Datei kompiliert und dann ausgeführt werden.

4. JS ist schwach typisiert und Java ist stark typisiert.

JavaScript-Syntax

Jede Sprache hat ihre eigenen grammatikalischen Regeln. Die JS-Syntax ist der von Java sehr ähnlich und daher einfacher zu erlernen. JS verfügt außerdem über Variablen, Anweisungen, Funktionen, Arrays und andere gängige Sprachelemente.

1. Variablen

werden über das Schlüsselwort var definiert. Dies bedeutet, dass kein spezifischer Datentyp angegeben werden muss.

Beispiel: var x = 3 (undefiniert).

Hinweis: Javascript-Anweisungen müssen nicht mit einem Semikolon am Ende enden, was eine nicht strenge Sprachfunktion ist.

Aber um den Programmierstandards zu entsprechen, muss der Terminator wie Java definiert werden.

Und in einigen Fällen muss ein Semikolon geschrieben werden, wie zum Beispiel: var x = 3; var y =5. Wenn zwei Anweisungen in derselben Zeile geschrieben werden, müssen sie durch ein Semikolon getrennt werden.

1) Schlüsselwörter: fast das gleiche wie Java

2) Bezeichner, Trennzeichen: das gleiche wie Java

3) Kommentare: Diese beiden Arten von Java werden verwendet: / / und /* */

4) Datentyp: Zahlentyp, String-Typ, boolescher Typ, undefiniert (wenn die Variable deklariert, aber nicht zugewiesen ist)

5) Variable: var (schwach Typ, ähnlich wie Object in Java)

6) In js sind einfache und doppelte Anführungszeichen gleich und sie kapseln Zeichenfolgen (es müssen jedoch zwei Anführungszeichen gleichzeitig gekapselt werden, und die internen Anführungszeichen müssen einfache Anführungszeichen verwendet werden)

7) Globale Variablen und lokale Variablen

Globale Variablen----Solange sie nicht innerhalb der Funktion deklariert sind, sind sie es. Und es wird nicht durch geschweifte Klammern unterschieden, noch wird es durch 3f1c4e4b6b16bbbd69b2ee476dc4f83a unterschieden. Solange es nicht innerhalb der Funktion deklariert wird, wird eine Variable sogar im Seitenskript deklariert wenn es in der importierten .js-Datei deklariert ist. Das Gleiche gilt.

b. Der Umfang von Variablen wird in Java durch geschweifte Klammern unterschieden, in JS jedoch nicht.

Lokale Variablen----die innerhalb der Funktion deklarierten formalen Parameter

Die formalen Parameter innerhalb der Funktion sind ebenfalls lokal. Die darin geänderten Werte sind nur intern gültig und werden ungültig nach der Rückkehr der Funktion.

Beispiel:


2. Operatoren

Die Operatoren in Javascript sind ungefähr die gleichen wie in Java. 
<html>
<head>
	<title>javascript语言学习</title>
</head>
<body>
	<script type="text/javascript">
		//1 标识符,关键字,分隔符---几乎和Java一样
	    //2 注释：只支持  //单行   和    /*多行*/
	    //3 变量：弱类型 ， 所有的变量都是用var来声明---本质上就是Java当中的Object类型
	    var x=3;
	    var y="abc";
	    //alert(x+","+y);
	    x="xyz";
	    //alert(x);
	    x=true;//js当中的布尔类型和C一样，有0 和 非0 的概念
	    x+=1;
	    //alert(x);
	    a=3.14;//因为浏览器有兼容性，所以一个变量不声明类型也可以直接对期赋值(但不要去读),因为是弱类型，都是var，写不写一样
	    //alert(a);
	    //alert(aa);//由于变量aa没有声明也没有赋值，所以这里是出错的，没有输出
	    a=&#39;aa&#39;;
	    //alert(a);//js当中，单引号和双引号是一样的，对应的变量都是字符串---js当中没有字符类型--包含在字符串当中
	    //a=33223232323232332322323232323456;
	    //alert(a);
	    //alert(typeof(a));//number
	    
	    //由于浏览器有兼容性，一条语句的末尾不加分号，也可以正常执行，但这样写不规范，建议还是加上。
    	//另外，同一行当中的多条语句之间的分号不能省，否则不能正常执行
    	var m=1;
    	var n=2;
    	//alert(m+n);
	</script>
	
	<script type="text/javascript">
		//4 基本数据类型
		//alert( typeof("aaaa") );//string
	    //alert( typeof(&#39;0&#39;) );//string
	    //alert( typeof(false) );//boolean
	    //alert( typeof(100) );//number
	    //alert( typeof(1.23) );//number
	    
	    //alert( typeof(&#39;0&#39;)=="string" );//true
	    //alert (typeof(x)==&#39;number&#39;);//true --使用单引号和双引号，效果是一样的
	    //alert( typeof(&#39;0&#39;)=="String" );//false----※※※大小写敏感※※※
	    //alert( typeof(x) ); //前面片段中定义的变量，在这里仍然是有效的
	    //alert( typeof(X) ); //undefined--代表该变量没有定义--因为前面只定义了小写的x
	</script>
	
</body>
</html>

Nur ​​ein paar Punkte, die Sie während des Vorgangs beachten sollten:

1, var x = 3120/1000*1000;

2, var x = 2,4+3,6; statt 6,0

3, var x = „12“ + 1; – 1 ;

5, unterstützt auch den ternären Operator

6, spezieller Operatortyp: Gibt eine Zeichenfolge des Datentyps des Operationsausdrucks zurück.

var x = 3;

var y = „123“;

var z = false;

typeof(x); //number

typeof(y); //string

typeof(z); //boolean

Beispiel:


3 Das Anweisungsformat ist das gleiche)

1. Beurteilungsstruktur (if-Anweisung)

Hinweis: var x = 3;

if(x==4)//Vergleich Operationen können durchgeführt werden. 
<html>
<head>
	<title>javascript语言学习</title>
</head>
<body>	
	<script type="text/javascript">
		//5 运算符：算术、赋值、比较、位运算、三元运算
    	//5.1算术运算
    	var a=3710;
    	//alert("a="+a/1000);
    	//alert("a="+a/1000*1000);
    	var b=2.3;
    	var c=5.7;
    	//alert(b+c);//8
    	//alert(11+23);//34
    	//alert("23"+11);//2311---string---加号为字符串连接
    	//alert("23"-11);//12 ---字符串遇到减号，自动会转换成数值型进行运算
    	//alert(true);//true  和数值进行运算时，true为1，flase为0
    	//alert(true+1);//2
    	//alert(false+1);//1
    	//alert(100%3);//1
    	//alert(100%-3);//1
    	//alert(-100%3);//-1  如果有负数，结果和前面那个数同符号。---和Java是一样的
    	
    	//5.2 赋值运算: =  +=  -=  *=  /=  %=
    	var n=3,m;
    	m=n++;//用法同Java
    	//alert("m="+m+",n="+n);//m=3,n=4
    	
    	var n=3,m;//和Java不同的是，变量可以重复声明
	    m = ++n;//用法同Java
	    //alert("m="+m+",n="+n);//m=4,n=4
	    
	    var n;
    	//alert(n);//4---这里没有对该变量重新赋值，所以用的还是前面的那个，不重新开内存
    	
    	var i=3;
    	i +=3;//其它的如：-=  *=  /=  %=  ，同理
    	//alert("i="+i);
    	
    	//5.3 比较运算符
    	var j=10;
    	//alert( j>5 ); //其它如 ：<  >=  <= == != 等，同理
	    //alert( j==10 );
	    //alert( j!=10 );
	    
	    //5.4 逻辑运算符  && || !
	    var k=4;
    	//alert(k>3 && k<10); //true
    	//alert( !(k>3) ); //false
    	//alert( !k );//k是“非0”，再非一下则是flase---0
    	
    	//5.5 位运算符  & | ^ >> <<  >>>(无符号右移) ---和Java一样
    	var c = 6;   //6: 110
                 //3: 011
	    //alert( c&3 );//   010 --2
	    //alert(c^100^100); //c---6---一个数与两个相同的数进行异或运算结果仍然等于原数
	    //alert(c>>>1);//3
	    
	    //5.6 三元运算符---?号表达式  ----和java一样
	    //alert(3>0?100:300);
	    
	    var xxyy;
    	//alert(xxyy); //undefined---如果一个变量声明之后没有赋值，那么就是该值
    	alert(xxyy==undefined);//true ----这个undefined代表的是和true,false等一样的，是一个值，因此不要用引号
    	alert(xxyy=="undefined");//false
	</script>
</body>
</html>

if(x=4)//Eine Zuweisungsoperation kann durchgeführt werden und die gleiche Beurteilung kann getroffen werden. Es wird kein Fehler gemeldet.

Da in JS 0 oder Null falsch ist,

Nicht-0 oder Nicht-Null ist wahr (normalerweise dargestellt durch 1).

Das Ergebnis von if(x=4) ist also wahr

Dieses Problem kann durch if(4==y) gelöst werden. Denn 4=y wird kein Urteil fällen, sondern einen Fehler melden.

2. Auswahlstruktur (switch-Anweisung)

Der Unterschied zu Java besteht darin, dass aufgrund schwacher Typen auch Zeichenfolgen ausgewählt werden können.

3. Schleifenstruktur (while-Anweisung, do...while-Anweisung, for-Anweisung).

Hinweis: Der Unterschied besteht darin, dass es keine Einschränkungen für bestimmte Datentypen gibt. Bitte achten Sie bei der Verwendung darauf.

Beispiel:


Neun-Neun-Multiplikationstabelle Beispiel:


Das Obige ist die grundlegende Syntax für die JavaScript-Webprogrammierung (Variablen, Operatoren, Anweisungen) Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn). 

<html>
<head>
	<title>javascript语言学习</title>
</head>
<body>
	<script type="text/javascript">
	/*
		//if语句
		var x=3;
		if (x>0){
			alert("yes");
		} else {
			alert("no");
		}
		
		if (x-4) {//非0 即是 true,除了0以外的数都是非零的数，即为true
			alert("yes2");
		} else {
			alert("no2");
		}
		
		if (x=4) {//一个“=”号是赋值，赋的值是4，该值同时也作为整个表达式的值---非0， 即是 true
			alert("yes3");
		} else {
			alert("no3");//如果把上面的4改为0，则输出: no3
		}
		
		//根据上面的结果，建议如果是判断某变量是否等于某值，写成如下方式(把数字放在前面)
		if (4==x) {//这种方式能够避免漏写“=”号的bug
			alert("yes4");
		} else {
			alert("no4");
		}
		
		var b=(3,4+5);//逗号表达式中的最后一个式子的值作为整个的结果
		alert(b);
		
		var c=5;
		if(c>1){
		 alert("a");
		}else if(c>2){
		 alert("b");
		}else if(c>3){
		 alert("c");
		}else{
		 alert("d");
		}
		//结果：a
	*/
	</script>
	
	<script type="text/javascript">
		//Java语言：switch表达式支持的类型：byte,int等整数,char，jdk1.7之后增加了String类型
     	//JavaScript语言：支持所有类型，即所有类型的数据都能用于选择
     	var x="x";
     	switch(x){
     		default:alert("c");
     		case "aa":alert("a");break;
     		case "abc":alert("b");
     	}//常规的写法就不说了，说说这种的，这种的显示结果是c和a，因为在default处进入之后并没有break所以会进入到case "aa"里面去
	</script>
</body>
</html>

Stellungnahme：
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
Vorheriger Artikel：JavaScript-Webprogrammierung ------ Array-bezogene KenntnisseNächster Artikel：JavaScript-Webprogrammierung ------ Array-bezogene Kenntnisse

In Verbindung stehende Artikel

Mehr sehen