Maison >interface Web >js tutoriel >Introduction aux types de données de base javascript et aux types de référence de type valeur

Introduction aux types de données de base javascript et aux types de référence de type valeur

怪我咯original: 2017-04-07 10:15:581113parcourir

Cet article parle principalement des types de données de base en JavaScript, ainsi que de la différence et de l'utilisation des types valeur et des types référence

Types de données de base

Les mots-clés utilisés pour déclarer les variables en JavaScript sont tous var, ce qui est différent des autres langages de programmation. Cependant, JavaScript contient également cinq types de données de base (qui peuvent également être considérés comme des types de données simples : Non définis). , Null, Booléen, Nombre et Chaîne. Il contient également un type de données complexe : Objet.

(1), "indéfini" - non déclaré, ou la valeur de la variable est indéfinie ou non initialisée ;

(2) , "boolean" - si la valeur de cette variable est de type booléen ; (3), "string" - la valeur est de type chaîne
(4), "number" - la valeur est de type numérique ; ;
(5), "object" - l'objet ou la valeur est nul ;
Le mot-clé typeof doit être mentionné, car JavaScript est mal typé et n'utilise pas le type correspondant lors de la déclaration des variables, si vous le souhaitez. pour connaître la quantité de données de base d'une certaine variable dans le code, vous pouvez utiliser typeof. Ce qu'il convient de noter ici, c'est que typeof renvoie un type de chaîne.

(5), "fonction" - fonction.

Vérification d'instance :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function test1(){
var testMessage;
alert(typeof testMessage);
}
function test2(){
var testMessage = null;
alert(typeof testMessage);
}
function test3(){
var testMessage = "hello";
alert(typeof testMessage)
}
function test4(){
var testMessage = 12;
alert(typeof testMessage)
}
function test5(){
var testMessage = true;
alert(typeof testMessage)
}
function test6(){
var testMessage = [];
alert(typeof testMessage)
}
function test7(){
var testMessage = [];
alert(typeof testMessage)
}
function test8(){
var testMessage = new Object();
alert(typeof testMessage)
}
function test9(){
alert(typeof test8)
}
</script>
</head>
<body>
<button type="button" id="button1" onclick = "test1()">测试undefined</button>
<button type="button" id="button2" onclick = "test2()">测试null</button>
<button type="button" id="button3" onclick = "test3()">测试string</button>
<button type="button" id="button4" onclick = "test4()">测试number</button>
<button type="button" id="button5" onclick = "test5()">测试boolean</button>
<button type="button" id="button6" onclick = "test6()">测试[]</button>
<button type="button" id="button7" onclick = "test7()">测试{}</button>
<button type="button" id="button8" onclick = "test8()">测试Object</button>
<button type="button" id="button9" onclick = "test9()">测试function</button>
</body>
</html>

Indéfini

Le type non défini n'en a qu'un. value , c'est-à-dire indéfini. Lorsque la variable déclarée n'a pas été initialisée, la valeur par défaut de la variable est indéfinie

function test1(){
var testMessage;
alert(typeof testMessage);
}

2, Null

Le type Null n'a également qu'une seule valeur, qui est nulle. null est utilisé pour représenter un objet qui n'existe pas encore. Il est souvent utilisé pour indiquer qu'une fonction tente de renvoyer un objet inexistant

function test2(){
var testMessage = null;
alert(typeof testMessage);
}

3. chaîne

Chaîne, la chaîne peut être n'importe laquelle. texte entre guillemets. Vous pouvez utiliser des guillemets simples ou doubles :

function test3(){
var testMessage = "hello";
alert(typeof testMessage)
}

4, numéro

peut être un nombre à virgule flottante, un entier

function test4(){
var testMessage = 12;
alert(typeof testMessage)
}

5.booléen

Type booléen, a deux valeurs vrai ou faux.

function test5(){
var testMessage = true;
alert(typeof testMessage)
}

6. objet :

Objets et tableaux, ainsi que nuls. Les objets et les tableaux peuvent contenir différents types, notamment des objets et des tableaux.

function test6(){
var testMessage = [];
alert(typeof testMessage)
}
function test7(){
var testMessage = [];
alert(typeof testMessage)
}
function test8(){
var testMessage = new Object();
alert(typeof testMessage)
}

7. fonction

函数类型

function test9(){
alert(typeof test8)
}

Introduction aux types de données de base javascript et aux types de référence de type valeur

二、值类型与引用类型

（1）值类型：数值、布尔值、null、undefined

值类型指的是保存在栈内存中的简单数据段，按值访问，操作的是他们实际保存的值；

（2）引用类型：对象、数组、函数

引用类型指的是那些保存在堆内存中的对象，意思是，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象；引用访问，当查询时，我们需要先从栈中读取内存地址，然后再顺藤摸瓜地找到保存在堆内存中的值；

如：以下都是引用类型

var cars=   new Array;
var person= new Object;

1、值类型实例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function fun1(){
var a=1;
var b=a;
b=-1;
alert("a="+a+" b="+b);
}
function fun2(){
var a=new String("lin");
var b=a;
b = new String("bing");
alert("a="+a+" b="+b);
}
function fun3(){
var a="lin";
var b=a;
b = "bing";
alert("a="+a+" b="+b);
}
</script>
</head>
<body>
<button type="button" id="button1" onclick = "fun1()">测试值类型</button>
<button type="button" id="button2" onclick = "fun2()">测试值类型</button>
<button type="button" id="button1" onclick = "fun3()">测试值类型</button>
</body>
</html>

Introduction aux types de données de base javascript et aux types de référence de type valeur

2、引用类型实例

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function fun1(){
var a=[1,2,3];
var b=a;
a[0]=1000;
alert("a="+a+" b="+b);
}
function fun2(){
var a = [1,2,3];
var b = a;
b = [11, 12, 13];//b指向了另一个内存地址，与a断开关联
a[0] = 2;
alert("a="+a+" b="+b);
}

function fun3(){
    function ClassDemo(){
       this.name = "linbingwen";
       this.url = "我的博客：http://blog.csdn.net/evankaka";
    }
    var objDemo = new ClassDemo();
    var   objDemo1 = objDemo;
    var   objDemo2 = objDemo;
    objDemo1.url = "我的主页：http://my.csdn.net/Evankaka";
    alert(
    "objDemo1.url的值：Introduction aux types de données de base javascript et aux types de référence de type valeurn" + objDemo1.url + "Introduction aux types de données de base javascript et aux types de référence de type valeurn" +
    "objDemo2.url的值：Introduction aux types de données de base javascript et aux types de référence de type valeurn" + objDemo2.url
);
}
</script>
</head>
<body>
<button type="button" id="button1" onclick = "fun1()">测试引用类型</button>
<button type="button" id="button2" onclick = "fun2()">测试引用类型</button>
<button type="button" id="button3" onclick = "fun3()">测试引用类型</button>
</body>
</html>

Introduction aux types de données de base javascript et aux types de référence de type valeur

注意：
undefined，null，空字符串，0都等于false，都可以通过！来取反。

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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：Le résumé le plus complet des sélecteurs jQueryArticle suivant：Le résumé le plus complet des sélecteurs jQuery

Articles Liés

Voir plus