Amener tout le monde à apprendre les concepts de base des bases de Javascript (1)_compétences Javascript

Catalogue d'études

1.Type de données

Type de données

2. Opérateurs

Opérateurs d'incrémentation et de décrémentation :

opérateur de bits :
Opérateur booléen :
Opérateur additif :
Opérateur d'égalité

3. Déclarations
déclaration pour-in
déclaration de l'étiquette

1.Type de données

Type de données

Types de données de base (cinq types)

Indéfini
Nul
Booléen
Numéro
Chaîne

Type de données complexe (un type)

Objet
Non défini : il n'y a qu'une seule valeur non définie (définie mais non attribuée).

Exemple :

var str;alert(str);//undéfini

Remarque : s'il n'est pas déclaré avec var, une exception sera signalée s'il est utilisé directement (... n'est pas défini).

Suggestion : attribuez une valeur initiale à chaque déclaration var, ce qui peut réduire de nombreuses situations inattendues.

Par exemple :

var str;var str2="Zhang San";str = str str2;alert(str);//Ce n'est pas le "Zhang San" auquel on s'attendait

Nul : légèrement

Booléen : il n'y a que deux valeurs littérales : vrai et faux.

Tout type de données peut être converti en type booléen via la fonction Boolean().

Chaîne : caractère non vide=>true Caractère vide=>false
Nombre : tout non nul =>true 0 et NaN=>false
Objet : n'importe quel objet =>true null=>false
Undefined          undefined=>false

Par exemple :

var str = Boolean(NaN);var str2 = Boolean("Zhang San");var str3 = Boolean(undefined);alert(str " " str2 " " str3); Dans ce cas, nous effectuerons automatiquement la conversion booléenne correspondante lors de l'utilisation de l'instruction if.

if (str) {
  //str只要是非空字符、任何非零数字、任何非null对象 都是true
  //str只要是空字符、0、NaN、null、undefined 都是false
  //这样就省去了 我们一个个的判断了
  alert("true");
}

Ficelle : légèrement

2. Opérateurs Opérateurs d'incrémentation et de décrémentation :

【 num, --num, num, num--】

var âge = 3, âge2 = 3;âge ; âge2;alert(âge " " âge2);

Les deux valent 4, je n’arrive pas à voir de différence. var âge = 3, âge2 = 3,num1 ,num2;num1 = âge 1;num2 = âge2 1;alert(num1 " " num2);

D'accord, voici la différence. L’un vaut toujours un 4 et l’autre devient un 5. Pourquoi cela se produit-il ? Les priorités sont simplement différentes. Age exécute d'abord l'opérateur, puis s'ajoute 1, puis s'ajoute 1 via l'opérateur.

Opérateurs au niveau du bit : [NON au niveau du bit (~), ET au niveau du bit (&), OU au niveau du bit (|), XOR au niveau du bit (^), décalage à gauche (<<), décalage à droite signé (>>), décalage à droite non signé (>>>)】

En fait, nous l’utilisons rarement dans la vie quotidienne, alors apprenons-en un peu ici.

Exemple : pas au niveau du bit

var num1 = 25; // Binaire 0000000000000000000000000011001 var num2 = ~num1; // Binaire 111111111111111111111111100110

alerte(num2); // -26

Exemple : ET au niveau du bit

Exemple : XOR au niveau du bit

var result = 25 & 3;
alert(result); //1
//*********************
25 = 0000 0000 0000 0000 0000 0000 0001 1001
3 = 0000 0000 0000 0000 0000 0000 0000 0011
---------------------------------------------
AND = 0000 0000 0000 0000 0000 0000 0000 0001 

Exemple : Déplacer vers la gauche

Exemple : Décalage à droite signé

var result = 25 ^ 3;
alert(result); //26
//*************
25 = 0000 0000 0000 0000 0000 0000 0001 1001
3 = 0000 0000 0000 0000 0000 0000 0000 0011
---------------------------------------------
XOR = 0000 0000 0000 0000 0000 0000 0001 1010 //十进制值 26

Exemple : décalage à droite non signé (cette différence est un peu grande, car la valeur de 1 représentant un nombre négatif en 32ème position est également déplacée)

var oldValue = 2; // 等于二进制的 10
var newValue = oldValue << 5; // 等于二进制的 1000000，十进制的 64

var oldValue = 64; // 等于二进制的 1000000
var newValue = oldValue >> 5; // 等于二进制的 10 ，即十进制的 2 

Opérateurs booléens :

【NON logique (!), ET logique (&&), OU logique (||)】

Ce qu'il faut dire ici, c'est que && et || sont des opérations de court-circuit. ||Si la précédente satisfait à la condition, la condition suivante ne sera pas testée && A l'inverse, si la précédente ne satisfait pas à la condition, la condition suivante ne sera pas détectée.

var oldValue = -64; // 等于二进制的 11111111111111111111111111000000
var newValue = oldValue >>> 5; // 00000111111111111111111111111110 等于十进制的 134217726

Exemple :

测试：

var age = 3;if(age||aaa){//这里的age转Boolean为ture，所以后面的aaa就不检测了。alert(age);}if(aaa||age){//这里将会报错alert(age);}

这里可以告诉大家一个小小的技巧，很多时候我们并不知道某个变量是否有值，但是我们又需要正常使用，那么我们可以给个备胎。

如：浏览器的兼容问题，在旧式浏览器中是用window.event来取事件的相关属性值，新式浏览器中是直接通过形参的形式传过来的。我们就可以。

function myonclick(ev) {
  var myevent = ev || window.event;//这样就可以保证新旧浏览器的兼容了
}

实验:　　

var obj = null;var obj2 = obj||"备胎";alert(obj2);

加性操作符：

【加法（+）、减法（-）】

这个再熟悉不过了，不过还是有一点需要注意。

var strnum1 = "5";
var num2 = strnum1 + 3;
var num3 = strnum1 - 3;
alert("num2="+num2+" num3="+num3);//这里会是什么结果呢？

Testons-le.

var strnum1 = "5";var num2 = strnum1 3;var num3 = strnum1 - 3;alert("num2=" num2 " num3=" num3);//Quel sera le résultat ici ?

Pourquoi cela se produit-il ? Ajoutez des chaînes et des nombres, et les nombres seront convertis en chaînes. Les chaînes et les nombres sont soustraits et les chaînes sont converties en nombres.

Opérateur d'égalité

var num1 = "5";var num2 = 5;var isEqual = num1==num2;alert("Est-ce que num1 est égal à num2 :"

C'est étrange, comment se fait-il que les chaînes soient égales aux nombres. Oui, la transformation automatique est utilisée ici. Mais que se passe-t-il si nous ne voulons pas voir un tel résultat ?

var num1 = "5";var num2 = 5;var isEqual = num1===num2;alert("Est-ce que num1 est égal à num2 :"

Oui, nous pouvons utiliser === tous égaux. Comparez non seulement les valeurs, mais aussi les types.

3. Déclarations

déclaration d'entrée

L'instruction de boucle for est beaucoup utilisée, mais for-in peut être utilisée moins souvent. (Les boucles For-in doivent être utilisées pour parcourir des objets non-tableaux. L'utilisation de for-in pour boucler est également appelée «énumération».)

Exemple :

var obj = {id:2,name:"Zhang San"};var str = "";for(o in obj){ str = "Attribut : " o " Valeur : " obj[o] " ;}alerte(str);

déclaration de l'étiquette

Cela ressemble beaucoup à goto en C#, mais différent.

Avons-nous déjà voulu sortir du deuxième niveau de boucles au sein de plusieurs boucles imbriquées ? Généralement, nous ne pouvons utiliser que break ou continuer à sortir de la boucle la plus interne, ou revenir à sortir de la fonction entière. Ce à quoi je ne m'attendais pas, c'est qu'il existe également une instruction label qui puisse sortir de n'importe quelle boucle.
Exemple :

var num = 0;outermost:for (var i=0; i < 10; i ) { for (var j=0; j < 10; j ) { if (i == 5 && j == 5) { break le plus externe; } num ; }}alerte(num); //55

Bon, le premier article est presque terminé ici. Enfin, je vais vous poser quelques questions intéressantes.

1. Pourquoi 1＝0.9999999999……
2. Pourquoi alerter(0.1 0.2)//0.30000000000000004
3. Pourquoi alerter(0123 4)//87

Quatre.

var obj1 = {}; obj1.name2 = "Zhang San";
var str1 = "test"; str1.name2 = "李思";
alerte(obj1.name2 " " str1.name2);
//Quelle est la valeur du pop-up

5.

var obj1 = { nom2 : "111" };
var obj2 = obj1;
obj1.name2 = "222";
alert(obj2.name2);//Qu'est-ce qui apparaît ici ?
obj1 = { nom2 : "333" };
alert(obj2.name2);//Qu'est-ce qui apparaît ici ?

Six,

var fun = fonction (num1) {
Si (num1 <= 1) {
         retourner 1 ;
>
       autre {
            return num1 * fun(num1 - 1);
>
>
var fun2 = amusant;
amusant = fonction () {
Retour 1 ;
>
alert(fun2(5));//Qu'est-ce qui apparaît ici ?

J'ai encore un peu de temps pour présenter les types de données de base de JavaScript à tout le monde

Les types de données de base de JavaScript incluent 6 types : nombre/chaîne/booléen/objet/fonction/undéfini.

　Type de numéro 2.1

Le type numérique est utilisé pour stocker des valeurs numériques. Il décrit une valeur à virgule flottante de 64 bits. Mais Javascript ne peut pas représenter toutes les valeurs comprises entre 0 et 2e64, car il doit également représenter des nombres non entiers, notamment des nombres complexes, des fractions, etc. Pour 64 bits, 11 bits sont nécessaires pour stocker la partie décimale du nombre, et 1 bit est utilisé pour représenter le signe, donc JavaScript peut réellement représenter des valeurs comprises entre -2e52 et 2e52.

　Type de chaîne 2.2

Le type chaîne est utilisé pour représenter du texte. Vous pouvez utiliser des guillemets simples ou doubles pour inclure du texte. Tout symbole placé entre guillemets sera considéré comme une chaîne, mais les symboles spéciaux devront peut-être être échappés.

　Type booléen 2.3

Le type booléen ne comprend que deux valeurs : true et false. Nous pouvons utiliser diverses expressions booléennes dans le programme pour obtenir vrai ou faux afin d'implémenter différents traitements de branche métier.

Nous pouvons inclure plusieurs conditions dans l'expression, et les conditions peuvent être AND ou NOT Lors du calcul, la priorité est la suivante : || a la priorité la plus basse, suivi de &&, puis de l'opérateur de comparaison. d'autres opérateurs (par exemple!).

　　和其他许多语言一样，对于&&来说，当前面的条件为false时，后面的条件不再计算，对于||来说，当前面的条件为true时，后面的条件不再计算。

　　来看下面的例子：

function conditionTest(){
   var a = ;
   var b = ;
   var c = {"key":"old"};
   print(c["key"]);
   if (a==) print("a = ");
   if (a== && b==) print("a == && b == ");
   if (a== || changeValue(c)) print(c["key"]);
   if (a== && changeValue(c)) print(c["key"]);
 }
 function changeValue(obj){
   obj["key"] = "changed";
   return true;
 }

　　它的输出结果如下：

old
a = 1
a == 1 && b == 1
old
changed

　　可以看出，在使用||时，没有调用changeValue方法。

　　2.4 undefined类型

　　当我们声明了一个变量，但是没有对其赋值时，它就是undefined的，就像下面这样

var b;
print(b);

　　在Javascript中，还有一个和undefined类似的值：null。undefined表示“变量已声明但是没有复制”，null表示“变量已赋值但为空”，需要注意的是undefined==null的值为true。

　　2.5 类型转换

　　我们在上面提到了undefined == null的值是true，但我们使用typeof操作时可以发现，null是object类型，这说明在比较的过程中，发生了类型转换。

　　类型转换是指将一种类型的值转换成另外一种类型的值。我们使用==进行比较时，会有类型转换，我们可以使用===来禁止类型转换。

　　来看下面的例子：

function convertTypeTest(){
   var a = ;
   var b = "";
   print ("a:" + a);
   print ("b:" + b);
   print ("type of a:" + typeof a);
   print ("type of b:" + typeof b);
   print ("a==b:" + (a == b));
   print ("a===b:" + (a === b));
   print ("a===Number(b):" + (a === Number(b)));
   print ("String(a)===b:" + (String(a) === b));
   print ("type of undefined:" + typeof undefined);
   print ("type of null:" + typeof null);
   print ("undefined==null:" + (undefined == null));
   print ("undefined===null:" + (undefined === null));
 }

　　输出结果如下：

a:1
b:1
type of a:number
type of b:string
a==b:true
a===b:false
a===Number(b):true
String(a)===b:true
type of undefined:undefined
type of null:object
undefined==null:true
undefined===null:false

可以很明显看到==和===的区别。