communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > le corps du texte

你必须知道的Javascript知识点之"字面量和对应类型"说明介绍_javascript技巧

WBOY
Libérer： 2016-05-16 17:35:50
original
1220 Les gens l'ont consulté

代码示例：

复制代码 代码如下:

var date1 = new Date(2013,1,1);
 var date2 = new Date(2013,1,1);
 date1 == date2;  //执行结果为false
 date1 === date2;  //执行结果为false

 var num1 = new Number(10);
 var num2 = new Number(10);
 num1 == num2;  //执行结果为false
 num1 === num2;  //执行结果为false
 num1 == 10;  //执行结果为true
 10 == num2;  //执行结果为true
 num1 === 10;  //执行结果为false
 10 === num2;  //执行结果为false

之所以要写这个主题，是因为日期类型的比较经常会出现意想不到的错误，几乎每个刚接触javascript的开发人员都会遇到这个问题。

到底是为什么
规则1
javascript中一切都是对象（引用类型），除了这几个类型的字面量（值类型）：Boolean（如：true）、Number（如：100）、undefined、null。

规则2
引用类型之间用"=="或“===”做比较运算时，只要两者不是指向同一份内存地址，都会返回false。

代码示例

复制代码 代码如下:

var date1 = new Date(2013,1,1);
var date2 = new Date(2013,1,1);
date1 == date2;  //执行结果为false
date1 === date2;  //执行结果为false

图片示意

规则3

引用类型和对应的值类型之间用“=="做比较运算时，会先进行类型转换，然后进行比较。

代码示例

复制代码 代码如下:

var num1 = new Number(10);
  var num2 = new Number(10);
  num1 == 10;  //执行结果为true
  10 == num2;  //执行结果为true

规则4引用类型和对应的值类型之间用“==="做比较运算时，始终返回false。

代码示例

复制代码 代码如下:

var num1 = new Number(10);
  var num2 = new Number(10);
  num1 === 10;  //执行结果为false
  10 === num2;  //执行结果为false

特殊的String类型
string是特殊的引用类型，javascript解释器遇到两个一样的字面量会未他们分配同一个内存地址，javascript本身也保持值语义（一旦创建不能修改）。
代码示例
复制代码 代码如下:

var str1 = new String('hello');
 var str2 = new String('hello');
 var str3 = 'hello';
 var str4 = 'hello';

 str1 == str2  //指向结果为false
 str1 === str2  //指向结果为false
 str3 == str4  //指向结果为true
 str3 === str4  //指向结果为true
 str2 == str4  //指向结果为true
 str2 === str4  //指向结果为false

图片示意

值类型的内存格局

代码示例

<span style="COLOR: #008080">1</span> <span style="COLOR: #0000ff">var</span> num1 = 1<span style="COLOR: #000000">;</span><span style="COLOR: #008080">2</span> <span style="COLOR: #0000ff">var</span> num2 = 1;
Copier après la connexion

图片示意

Étiquettes associées：
littéral
source：php.cn
Article précédent：使用PHP+JQuery+Ajax分页的实现_jquery Article suivant：如何将一个String和多个String值进行比较思路分析_javascript技巧
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
MySQL récupère les données de plusieurs tables J'ai une table eg_design qui contient les colonnes suivantes : et une table eg_domains qui...
Depuis 2024-04-06 18:42:44
0
2
479
Méthode de niveau supérieur pour remplacer une chaîne par du code HTML (généré à partir d'un tableau) Étant donné une chaîne comme celle-ci...$htmlPattern="Usernameis:#name#andusercompany...
Depuis 2024-04-06 17:40:41
0
2
410
Laravel 8 - Comment rediriger la route /{editable_text} vers la route /{user} J'ai essayé de créer un itinéraire de redirection pour me conduire à un profil utilisateur...
Depuis 2024-04-06 17:26:11
0
1
410
Possibilité de stocker le code ASP Classic sous forme de chaîne dans la base de données MYSQL Est-il possible de stocker du code asp classic dans une base de données MySQL et de lui fa...
Depuis 2024-04-06 13:38:43
0
1
358
Nuxt 3 ne sera pas rendu en SSR J'ai donc rencontré un problème lorsque j'essaie d'obtenir mes variables d'environnement p...
Depuis 2024-04-05 15:04:40
0
1
3642
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal