Choses que les débutants en JavaScript ne savent pas (2)

Dans cet article, nous partageons principalement avec vous la syntaxe de base et les types de données de javascript. Bien sûr, cela reste le plus basique, mais je ne veux pas entrer dans les détails. Si vous ne voyez pas ce titre, vous penserez qu'il ne s'agit pas de syntaxe ni de types de données. Avec juste un peu de connaissances, je le savais déjà.

1 Mots-clés et mots réservés

ECMA-262 décrit un ensemble de mots-clés ayant des objectifs spécifiques. Ces mots-clés peuvent être utilisés pour indiquer le début ou la fin d'une instruction de contrôle, ou pour effectuer une action spécifique, etc. En règle générale, les mots-clés sont également réservés à la langue et ne peuvent pas être utilisés comme identifiants. Voici tous les mots-clés d'ECMAScript (ceux avec * exposant sont de nouveaux mots-clés dans la 5ème édition) :

pour

break	do	instanceof	typeof
case	else	new	var
catch	finally	return	void
continue	for	switch	while
debugger*	function	this	with
default	if	throw	delete
in	try

break

faire

instanceof

type de

cas

autre

nouveau

var

attraper

enfin

retourner

vide

continuer

changer

pendant

débogueur*

fonction

ce

avec

par défaut

si

lancer

supprimer

dans

essayer

ECMA-262 décrit également un autre ensemble de mots réservés qui ne peuvent pas être utilisés comme identifiants. Bien que les mots réservés n’aient pas encore d’usage spécifique dans la langue. Mais ils pourraient être utilisés comme mots-clés à l’avenir. Les mots suivants sont tous des mots réservés définis par ECMA-262 version 3 :

super

abstract	enum	int	short
boolean	export	interface	static
byte	extends	long	super
char	final	native	synchronized
class	float	package	throws
const	goto	private	transient
debugger	implements	protected	volatile
double	import	public

abstract

enum

int

class	enum	extends	super
const	export	import

short

booléen

export td>

interface

statique

octet

s'étend

long

char

final

natif

synchronisé

classe

float

package

lancements

const

aller à

privé

transient td>

débogueur

implémentements

protégé

volatile

double

importation

public

La version 5 réduisait les mots réservés lors de l'exécution en mode non strict à ce qui suit :

class	enum	étend	super
const	export	import

在严格模式下，第5 版还对以下保留字施加了限制：

implements	package	public	interface
private	static	let	protected
yield

impléments

package

public

interface

privée

statique

laisser

protégé

rendement

td>

Notez que let et rendement sont de nouveaux mots réservés dans la 5ème édition ; d'autres mots réservés sont définis dans la 3ème édition ; Afin d'assurer au maximum la compatibilité, il est recommandé d'utiliser les mots réservés définis dans la 3ème édition plus let et rendement comme référence lors de la programmation.

L'utilisation de mots-clés comme identifiants dans les moteurs JavaScript qui implémentent ECMAScript 3 entraînera des erreurs « Identifiant attendu ». L'utilisation de mots réservés comme identifiants peut ou non entraîner la même erreur, selon le moteur spécifique.

La 5ème édition a légèrement révisé les règles d'utilisation des mots-clés et des mots réservés. Les mots-clés et les mots réservés, bien qu'ils ne soient toujours pas disponibles comme identifiants, peuvent désormais être utilisés comme noms de propriétés d'objet. En général, il est préférable de ne pas utiliser de mots-clés et de mots réservés comme identifiants et noms de propriétés afin de maintenir la compatibilité avec les futures versions d'ECMAScript.

En plus des mots et mots-clés réservés répertoriés ci-dessus, ECMA-262 version 5 impose des restrictions sur l'évaluation et les arguments. En mode strict, ces deux noms ne peuvent pas être utilisés comme identifiants ou noms d'attributs, sinon une erreur sera générée.

2 types de données

Il existe cinq types de données simples (également appelés types de données de base) dans ECMAscript : Non défini .Boolean, String, Null , Nombre. Il existe également un type de données complexe (parfois appelé type de données de référence) - Objet. L'objet est essentiellement un ensemble de paires clé-valeur non ordonnées. ECMAscript ne prend en charge aucun mécanisme de création de types personnalisés et toutes les valeurs appartiennent à l'un des six types de données mentionnés ci-dessus.

typeof

Cet opérateur (ici ce n'est pas une fonction, car ce n'est pas une fonction) est généralement utilisé lors du débogage. Il y en a six. valeurs de retour : non défini (la valeur est une définition), booléen (valeur booléenne), chaîne (chaîne), nombre (nombre), objet (cette valeur est un objet ou null), fonction (cette valeur est une fonction).
Correspondant à l'expression régulière, il s'agit en fait d'une autre forme d'objet (objet de type RegExp), mais pour les versions antérieures à Chrome7 et Safari5, la fonction est renvoyée et les autres navigateurs renvoient l'objet
Regardons un exemple simple ci-dessous. 🎜>

var msg; //如果没有赋值，默认是undefinedtypeof msg;  //undefined// age 没有定义typeof age; //undefined

Ce résultat est logiquement raisonnable. Car bien que ces deux variables soient essentiellement différentes d’un point de vue technique, il est en réalité impossible pour ces variables d’effectuer des opérations réelles. Même si les variables non initialisées se verront automatiquement attribuer undéfini, il est toujours judicieux d'initialiser les variables explicitement. Si cela peut être fait, alors lorsque l'opérateur typeof renvoie undéfini, nous pouvons être sûrs que cette variable n'a pas encore été déclarée.

La relation entre null et indéfini

console.log(undefined == null)  // trueconsole.log(undefined === null)  // false

En fait, la valeur indéfinie est dérivée de null, ce qui est dû au fait que ECMA-262 stipule que leur égalité doit retourner vraie. Bien que null et indéfini aient une telle relation, leurs utilisations sont complètement différentes. Il n'est en aucun cas nécessaire de définir la valeur d'une variable sur indéfini, mais la même règle féminine est inappropriée pour null. Je pense que tant que la variable objet est destinée à être enregistrée mais que la variable réelle n'a pas été enregistrée, la variable doit être explicitement enregistrée comme nulle. Cela peut non seulement refléter la convention de null en tant que pointeur nul, mais également distinguer davantage entre nul et non défini

Type numérique Le type de données le plus intéressant dans ECMAscript, ce type utilise IEEE754 pour représenter les entiers et les valeurs à virgule flottante

Les littéraux octaux ne sont pas valides en mode strict Oui, le moteur JavaScript signalera une erreur

var num1 = 070;  //表示八进制数var num2 = 079   //无效的八进制数  表示79var num3 = 0x1f  //十六进制数

Valeur à virgule flottante

Il peut également être utilisé pour certaines valeurs extrêmement grandes ou extrêmement petites exprimées en notation scientifique,

.

var f4 = 3.125e7; //31250000

在这里还是要提示一下众所周知的浮点数不能比较相等法则，
在javascript中浮点数的最高精度是17位的小数，但在进行算术计算的时候精确度远远不如整数，例如0.1+0.2不等于0.3而是等于0.0000000000000004(4e-17)
这是使用基于IEEE754数据浮点计算的通病

数据范围

由于内存的限制，ECMAscript并不能保存世界上所有的数，能保存的数能在浏览器中显示出来(通过Number.MAX_VALUE)，最小值是(Number.MIN_VALUE)
当超出这个范围的时候，大于就变为Infinity，小于就变为-Infinity

<span style='font-family: 微软雅黑, "Microsoft YaHei";'>var big = Number.MAX_VALUE + Number.MAX_VALUE;<br>console.log(big);  //Infinity</span>

可以使用isFinite()函数判断这个值是否在最大值和最小值之间，如果在就返回true
通过访问Number.NEGATIVE_INFINITY和Number.POSITIVE_INFINITY来得到-Infinity和Infinity

 NaN

NaN，非数值类型(Not a Number)是一个特殊的值，这个数值表示一个应该返回数值的情况结果没有返回数值，在ECMAscript中，任何数值除以0并不会导致错误，会返回一个NaN，因此并不会影响代码的运行。
Nan本身有两个特点：任何设置NaN的操作都会返回NaN，这个特点在多步计算的时候可能导致错误，其次Nan和任何数值都不想等，包括本身：

<span style='font-family: 微软雅黑, "Microsoft YaHei";'>console.log(NaN == Infinity)<br>console.log(NaN == 1)<br>console.log(NaN == NaN)<br>console.log(NaN == 1/0)//以上结果返回的都是false//下面是判断数据类型isNaN(NaN)  //trueisNaN('123') //false，进行了数据类型的转换isNaN('f5') //trueisNaN(4)   //false</span>

运用isNaN()函数可以判断这个变量是否是NaN类型的。
最神奇的是isNaN也是支持对象操作的，在基于对象调用isNaN函数时，会首先调用对象的valueOf方法，然后确定该方法返回的值是否可以转换为数值，如果不能就基于这个返回值再调用toString()方法，在测试返回值

string

对应于string类型，讨论的会比较少一点，string类型用于友零或者多个16位的Unicode字符组成的字符序列，即字符串。js中的单引号和双引号是没有区别的(想对于PHP来讲)。

 字符字面量

转义的只是在这里就不多说了，
字面量在这里只说一点：
var text = "this is \u30a3"这个的长度是9因为\u30a3转义后表示一个字符

字符串的特点

字符串在我们平常的开发当中我们是一直在用的，但是很少人知道其中的原理，下面我们就来讨论一下字符串的特点。
ECMAscript中的字符串是不可变的，也就是说，字符串一旦被创建，他们的值就不能被改变。要改变某个变量保存的字符串就先要销毁原来的字符串，然后用一个新的值来填充该变量，例如下面的代码：
var lang = 'java';
lang = lang + 'script';
以上的代码是变量lang中包含字符串‘java’。而第二行代码把lang的值重新定义为‘java’与’script’的结合，实际上这个操作过程如下：
1. 首先创建一个能容纳10个字符的新字符串
2. 然后将这个字符串中填充’java’和’script’
3. 最后一步是销毁原来的’java’字符串和’script’字符串，因为这两个字符串已经没用了

转换为字符串

在这里主要注意的是null和undefined是没有toString()方法的，如果想要把他们转换为字符串可以使用转型函数String(),能把任何类型的值转换为字符串var val = null;String(val)
当使用数值转换为字符串的时候，可以在toString()传递一个参数，表示把数值变为多少进制的字符串：var num = 10;num.toString(2)返回的是1010；

4 Object类型

ECMAscript中对象其实就是一组数据和功能的集合。
三种实例化一个对象的方法：

var o = new Ocject();var o = new Object;//不推荐使用var o = {};//当今最常用的

object中的对象和属性在后面我们在去讨论

5 JavaScript中+的作用

这个我们在这里说的具体一点
1. 加法运算

console.log(1+2)

1. 字符串的连接

<span style='font-family: 微软雅黑, "Microsoft YaHei";'>var a ="121",<br>    b =56,<br>    c ="ss";<br>console.log(a+b);//12156console.log(a+c);//121ss</span>

1. 数值和字符串之间的转换

<span style="font-family: 微软雅黑, "Microsoft YaHei";">//字符串转换我数值var a = "21212";<br/>+a   //21212var b = "ss";<br/>+a //NaNvar c= "0xff";<br/>+a  //255</span>

<span style="font-family: 微软雅黑, "Microsoft YaHei";">//数值转换为字符串var a =45;<br/>+a;  //"45"</span>

//布尔值的转换+true  //1+fasle  //0

6 javascript中-的作用

减号的作用一般是都是用在正规的操作(也就是类型相同)的操作中，信息量虽然不是很大，但是还是有很多需要注意的地方，下面来举几个例子

var a = 5-true;  //4 ,true被转换了var b = NaN -1;//NaNvar c= 5-2   //3var d = 5-"2";//3  “2”被转换为2var e = 5-null; //5  null被转换为了0

7 相等操作符

在我们编程的时候，当使用比较的时候我们希望，有的时候类型不同可以数值一样就可以就好像(2和"2")是可以相等的，但是有时候我们希望要求数值和类型都是一样的才返回真。这就很矛盾了，在ECMAscript中的解决方案是提供两组操作数：相等和全等
相等：先转换在比较
列出一下比较特殊的比较结果

表达式	值
null == undefined	true
“NaN” == NaN	false
NaN == NaN	false
NaN != NaN	true
true == 2	false
undefined == 0	false
null == 0	false

全等：仅比较不转换
全等就比较严格了，在这里就不讨论什么了。
注意：null == undefined会返回true，但是null === undefined会返回false，这是由于他们的类型不一样

8 函数

函数对于任何语言来说都是一个核心的概念。
在这里主要说一个问题，细节会在后面继续讨论
我们都是知道在函数中的arguments表示所有传进来的参数，比如说

<span style="font-family: 微软雅黑, "Microsoft YaHei";">function foo(a,b,c){<br/>    console.log(arguments[2] === c);//true}</span>

这个原因并不因为他们指向的是同一块内存，因为他们内存空间的值会相互同步，
arguments的值是不能被改写的如果改写的会操作

相关推荐：

JavaScript初学者不知道的事(一)

javascript初学者实践使用

给JavaScript初学者的一些最佳实践

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!