Tutoriel sur les bases de JavaScript : une lecture incontournable pour commencer

JavaScript est un langage descriptif. En fait, il n'est pas difficile à apprendre. Tant que vous étudiez dur, vous l'apprendrez bien. Lorsque vous lirez cet article, vous devez avoir appris le but de. utiliser JavaScript, c'est pouvoir Pour avoir une meilleure interaction avec les pages Web, passons au sujet.

1. JavaScript

1. Qu'est-ce que JavaScript

JavaScript est un langage descriptif qui est également basé sur Object and Event Driven, et un langage de script avec sécurité.

2. Caractéristiques de JavaScript

JavaScript est principalement utilisé pour ajouter des comportements interactifs aux pages HTML.

JavaScript est un langage de script avec une syntaxe similaire à Java.

javaScript est généralement utilisé pour écrire des scripts côté client.

JavaScript est un langage interprété.

3. Composition de JavaScript

Standard ECMScript (standard qui spécifie toutes les propriétés, méthodes et objets)

Modèle objet du navigateur BOM : interagir avec HTML

Modèle objet de document DOM : accéder et manipuler des documents HTML

4. Structure de base de JavaScript

<script language=”javascript” type=”text/javascript”>
 
</script>
 
Language=”javascript”用来表示使用的语言是javascript

5.Principe d'exécution de JavaScript

1. Le client du navigateur envoie une requête au serveur. (L'adresse saisie par l'utilisateur dans la barre d'adresse du navigateur)

2. Traitement des données : Le côté serveur traite une page contenant du javaScript.

3. Envoyer la réponse : Le serveur traite le fichier HTML contenant du JavaScript et envoie la page au client du navigateur. Le client du navigateur analyse ensuite les balises HTML et les balises JavaScript une par une, et présente le résultat. effet de page pour les utilisateurs.

2. Façons d'introduire JavaScript dans les pages Web

1. Utilisez la balise <script> </p><p>2. Utilisez des fichiers JavaScript externes. </p><p>Si vous souhaitez exécuter JavaScript sur plusieurs pages pour obtenir le même effet, vous utilisez généralement des fichiers .js externes. </p><p>Comment référencer un fichier avec une extension .js : </p><p><script src="../1.js”></script>

Note : Les fichiers externes ne peuvent pas contenir <script></script>

3. Directement dans la balise HTML

<input name=&#39;btn&#39; type=”button” value=”弹出消息框” onclick=”javascript:alert(“欢迎你”);”/>

3. Syntaxe de base JavaScript

1. Déclaration et affectation des variables

Les variables ne peuvent être déclarées qu'en utilisant var La convention de dénomination des variables est similaire à Java. Var num=1;

En JavaScript, les variables peuvent être utilisées directement sans déclaration, mais cette utilisation n'est pas recommandée.

2. Type de données

Non défini (type non défini)

Null (type vide)

Nombre (type numérique)

Chaîne (type de chaîne)

Booléen (type booléen)

3. La différence entre undefined et null

null signifie "aucun objet", c'est-à-dire qu'il ne devrait y avoir aucune valeur. là . L'utilisation typique est :

(1) En tant que paramètre d'une fonction, cela signifie que le paramètre de la fonction n'est pas un objet.

(2) sert de point final à la chaîne de prototypes d'objets.

Object.getPrototypeOf (Object.prototype)// null

undefined signifie "valeur manquante", c'est-à-dire qu'il devrait y avoir une valeur ici, mais elle n'a pas encore été définie. L'utilisation typique est :

(1) Lorsqu'une variable est déclarée mais qu'aucune valeur ne lui est attribuée, elle est égale à indéfinie.

(2) Lors de l'appel de la fonction, le paramètre qui doit être fourni n'est pas fourni et le paramètre est égal à indéfini.

(3) L'objet n'a aucun attribut attribué et la valeur de cet attribut n'est pas définie.

(4) Lorsque la fonction ne renvoie pas de valeur, elle renvoie undéfini par défaut.

4. Il n'y a que 6 situations, et le résultat est faux.

null,false,undefined,0,"",NaN

5. Quelques méthodes courantes de chaînes

toString(); 🎜>toLowerCasee(); Convertit la chaîne en minuscules.

toUpperCase(); Convertir la chaîne en majuscule

charAt(index); Renvoie la chaîne à la position spécifiée

indexOf(str, index); position où la chaîne spécifiée apparaît pour la première fois dans la chaîne

Substring(index,index); renvoie la chaîne située entre l'index spécifié index1 et index2 (y compris l'index1 mais n'incluant pas l'index2)

Split( str); Diviser la chaîne en un tableau de caractères

6 Trois façons de créer un tableau et d'attribuer des valeurs au tableau

01. ') ;

02.var num=new Array(2);

Num[0]=1;

Num[1]=2;

03.var num=['1','2'];

Méthodes et propriétés communes des tableaux

Join() : Mettez tous les débits de parole du tableau dans une chaîne et divisez-les par des délimiteurs.

Sort() : Trie le tableau

Push() : Ajoutez un ou plusieurs éléments à la fin du tableau et remettez la nouvelle longueur.

7.运算符

8 程序调试

方案一：在VS中调试

步骤：01.将要调试的页面设置成起始页

02.设置断点

03.按F5启动调试

方案二：chrome浏览器调试

步骤：01.点击F12，将工具调出

02.设置断点

03.刷新页面

方案三：IE浏览器

步骤：01.F12，开发人员工具

02.切到脚本选项卡

03.设置断点

04.启动调试

05.刷新

四.JavaScript中的函数

1.常用的系统函数

01. parseInt（“字符串”）；

parseInt（）函数首先查看位置为0处的字符，判断他是否为一个有效数字，如果不是则返回NaN，不在执行其他操作，但如果该字符是有效参数，则该函数将查看位置为1处的字符，进行同样的测试，这一过程将持续到发现该字符是有效字符为止，此时该字符将之前的字符串转换成数字。

eg：

var num1=parseInt(“78.9”)//返回值为78

var num2=parseInt(“afa78.9”)//返回值为NaN

02.parseFloat（“字符串”）；

他的用法和parseInt类似，只不过字符串中出现的第一个点将被认为是有效字符.

eg:

var num1=parseInt(“78.9”)//返回值为78

var num2=parseInt(“afa78.9”)//返回值为NaN

2.自定义函数

在JavaScript中，自定义函数是由function,函数名，一组以参数以及置于括号中待执行的JavaScript语句组成。

下面来看一看语法：

function 函数名(参数1，参数2,..)

{

//JavaScript语句

[return 返回值]

}

function是定义函数的关键字，必须有。

参数1，和参数2是该函数的参数，因为JavaScritp他本省的类型是弱类型，所有在给定参数时没有必要提供类型

{}定义的函数的开始和结尾.

return 语句用来规定函数返回的值.

2.调用函数

要执行一个函数，首先肯定要调用这个函数，必须制定函数名和其后的参数。

eg：

<script type=”text/javascript”>
 
function show(){
 
 
 
}
 
show();
 
</script>

3.匿名函数

匿名函数就是没有名字的函数了，也叫闭包函数(closures),允许 临时创建一个没有指定名称的函数。最经常用作回调函数(callback)参数的值，很多新手朋友对于匿名函数不了解。这里就来分析一下。

function 函数名(参数列表){函数体;}

如果是创建匿名函数，那就应该是：

function(){函数体;}

因为是匿名函数，所以一般也不会有参数传给他。

为什么要创建匿名函数呢？在什么情况下会使用到匿名函数。匿名函数主要有两种常用的场景，一是回调函数，二是直接执行函数。

eg：

<script language="javascript">
var a = "a";
(function(){
  var a="b";
  alert(a);
})();
alert(a);
</script>

在上面这段代码中，会顺序输出两个alert框。第一个alert框内容为b，第二个为a。以为该Script标签中有一个匿名方法时自调用的，所有首先弹出b，然后碰到匿名方法后的alert（a）则弹出a。

以上这篇JavaScript基础教程——入门必看篇就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。

更多Tutoriel sur les bases de JavaScript : une lecture incontournable pour commencer相关文章请关注PHP中文网！