Maison >interface Web >js tutoriel >Programmation Web JavaScript------Syntaxe de base (variables, opérateurs, instructions)

Programmation Web JavaScript------Syntaxe de base (variables, opérateurs, instructions)

黄舟original: 2016-12-30 16:51:071211parcourir

Présentation de JavaScript

JavaScript est un langage de script basé sur les objets et les événements, principalement utilisé côté client.

Caractéristiques :

1. Interactivité (tout ce qu'il peut faire, c'est une interaction dynamique des informations)

2. Sécurité (l'accès direct au disque dur local n'est pas autorisé)

3. Multiplateforme (tout navigateur capable d'interpréter JS peut l'exécuter, quelle que soit la plateforme)

JavaScript est différent de Java

1. Netscape. Anciennement LiveScript ; Java est un produit de Sun et maintenant un produit d'Oracle.

2. JS est basé sur les objets et Java est orienté objet.

3. JS doit seulement être interprété et exécuté, tandis que Java doit d'abord être compilé dans un fichier de bytecode, puis exécuté.

4. JS est faiblement typé et Java est fortement typé.

Syntaxe JavaScript

Chaque langage a ses propres règles grammaticales. La syntaxe JS est très similaire à Java, elle est donc plus facile à apprendre. JS contient également des variables, des instructions, des fonctions, des tableaux et d'autres éléments de langage courants.

1. Les variables

sont définies via le mot-clé var Type faible signifie qu'il n'est pas nécessaire de spécifier un type de données spécifique.

Exemple : var x = 3 (indéfini).

Remarque : les instructions Javascript n'ont pas besoin de se terminer par un point-virgule à la fin, ce qui est une fonctionnalité de langage non stricte.

Mais afin de respecter les standards de programmation, le terminateur doit être défini comme Java.

Et dans certains cas, un point-virgule doit être écrit, comme : var x = 3; var y =5 Si deux instructions sont écrites sur la même ligne, elles doivent être séparées par un point-virgule.

1) Mots clés : presque identiques à Java

2) Identifiants, délimiteurs : identiques à Java

3) Commentaires : Ces deux types de Java sont utilisés： / / et /* */

4) Type de données : type numérique, type chaîne, type booléen, non défini (lorsque la variable est déclarée mais non affectée)

5) Variable : var (faible Type, similaire à Object en Java)

6) Dans js, les guillemets simples et les guillemets doubles sont les mêmes, et ils encapsulent des chaînes (mais il y a deux guillemets à encapsuler en même temps, et les guillemets internes ont besoin à utiliser entre guillemets simples)

7) Variables globales et variables locales

Variables globales----Tant qu'elles ne sont pas déclarées à l'intérieur de la fonction, elles le sont. Et il ne sera pas distingué par des accolades, ni par 3f1c4e4b6b16bbbd69b2ee476dc4f83a

b. La portée des variables en Java est distinguée par des accolades, mais pas en JS.

Variables locales ----les paramètres formels déclarés à l'intérieur de la fonction

Les paramètres formels à l'intérieur de la fonction sont également locaux. Les valeurs qui y sont modifiées ne sont valables qu'en interne et seront invalides. après le retour de la fonction.

Exemple :

2. Opérateurs

Les opérateurs en Javascript sont à peu près les mêmes que ceux en 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>

Juste quelques points à noter lors de l'opération :

1, var x = 3120/1000*1000 ;

2, var x = 2,4 3,6 ; x = 6 ; au lieu de 6,0

3, var x = « 12 » 1 ;

5, prend également en charge l'opérateur ternaire

6, opérateur spécial typeof : renvoie une chaîne du type de données de l'expression d'opération.

var x = 3;

var y = "123";

var z = false;

typeof(x); 🎜>
typeof(y); //string

typeof(z); //boolean

Exemple :

3. Le format de la déclaration est le même)

1. Structure du jugement (if déclaration)

Remarque : var x = 3;

if(x==4)//comparaison des opérations peuvent être effectuées.

<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)//L'opération d'affectation peut être effectuée, et le même jugement peut être porté. Aucune erreur n'est signalée.

Parce qu'en JS, 0 ou null est faux,

non-0 ou non-null est vrai (généralement représenté par 1).

Donc le résultat de if(x=4) est vrai

Ce problème peut être résolu par if(4==y); Parce que 4=y ne portera pas de jugement, mais signalera une erreur.

2. Structure de sélection (instruction switch)

La différence avec Java est qu'en raison du type faible, les chaînes peuvent également être sélectionnées.

3. Structure de boucle (instruction while, instruction do... while, instruction for).

Remarque : la différence est qu'il n'y a aucune restriction sur des types de données spécifiques. Veuillez faire attention lorsque vous l'utilisez.

Exemple :

Exemple de table de multiplication neuf-neuf :

Ce qui précède est la syntaxe de base pour la programmation Web JavaScript (variables, opérateurs, instructions) , veuillez faire attention au site Web PHP chinois (www.php.cn) pour plus de contenu connexe !

<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>

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Programmation Web JavaScript------connaissances liées aux tableauxArticle suivant：Programmation Web JavaScript------connaissances liées aux tableaux

Articles Liés

Voir plus