Heim > Web-Frontend > js-Tutorial > Dinge, die JavaScript-Anfänger nicht wissen (2)

Dinge, die JavaScript-Anfänger nicht wissen (2)

小云云
Freigeben: 2018-03-15 15:04:23
Original
1233 Leute haben es durchsucht

In diesem Artikel teilen wir Ihnen hauptsächlich die grundlegende Syntax und die Datentypen von Javascript mit. Natürlich ist es immer noch das grundlegendste, aber ich möchte nicht auf Details eingehen Wenn Sie gerade erst anfangen, sollten Sie einen Blick darauf werfen. Wenn Sie diesen Titel nicht sehen, werden Sie denken, dass es nicht um Syntax und Datentypen geht. Mit ein wenig Wissen wusste ich es bereits.

1 Schlüsselwörter und reservierte Wörter

ECMA-262 beschreibt eine Reihe von Schlüsselwörtern mit bestimmten Zwecken. Diese Schlüsselwörter können verwendet werden, um den Anfang oder das Ende einer Steueranweisung anzugeben oder um eine bestimmte Aktion auszuführen usw. Auch Schlüsselwörter sind in der Regel sprachreserviert und können nicht als Bezeichner verwendet werden. Im Folgenden sind alle Schlüsselwörter von ECMAScript aufgeführt (die mit * hochgestellten sind neue Schlüsselwörter in der 5. Ausgabe):

for
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
do instanceof typeof
case sonst neu var
fangen endlich zurück void
continueswitch while
Debugger* Funktion dies mit
Standard wenn werfen löschen
in try

ECMA-262 beschreibt auch einen weiteren Satz reservierter Wörter, die nicht als Bezeichner verwendet werden können. Obwohl reservierte Wörter noch keine spezifische Verwendung in der Sprache haben. Aber sie könnten in Zukunft als Schlüsselwörter verwendet werden. Im Folgenden sind alle reservierten Wörter aufgeführt, die durch ECMA-262 Version 3 definiert sind:

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
boolean export td> Schnittstelle statisch
Byte extends long
char final nativ synchronisiert
Klasse float Paket Würfe
const gehe zu privat transient td>
Debugger implementiert geschützt flüchtig
doppelt importieren öffentlich
Version 5 reduzierte die reservierten Wörter bei der Ausführung im nicht-strikten Modus auf Folgendes:
class enum extends super
const exportieren importieren

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

implements package public interface
private static let protected
yield


implementiert
Paket öffentlich Schnittstelle
private statisch lassen geschützt
Ertrag

td>

Beachten Sie, dass let und yield in der 5. Auflage neue reservierte Wörter sind; andere reservierte Wörter werden in der 3. Auflage definiert. Um größtmögliche Kompatibilität zu gewährleisten, wird empfohlen, beim Programmieren die in der 3. Auflage definierten reservierten Wörter sowie let und yield als Referenz zu verwenden.

Die Verwendung von Schlüsselwörtern als Bezeichner in JavaScript-Engines, die ECMAScript 3 implementieren, führt zu „Identifier Expected“-Fehlern. Die Verwendung reservierter Wörter als Bezeichner kann je nach Engine zum gleichen Fehler führen oder auch nicht.

Die 5. Ausgabe enthält leicht überarbeitete Regeln für die Verwendung von Schlüsselwörtern und reservierten Wörtern. Schlüsselwörter und reservierte Wörter sind jetzt zwar noch nicht als Bezeichner verfügbar, können aber jetzt als Objekteigenschaftsnamen verwendet werden. Im Allgemeinen ist es am besten, keine Schlüsselwörter und reservierten Wörter als Bezeichner und Eigenschaftsnamen zu verwenden, um die Kompatibilität mit zukünftigen ECMAScript-Versionen aufrechtzuerhalten.

Zusätzlich zu den oben aufgeführten reservierten Wörtern und Schlüsselwörtern erlegt ECMA-262 Version 5 Einschränkungen für Auswertungen und Argumente auf. Im strikten Modus können diese beiden Namen nicht als Bezeichner oder Attributnamen verwendet werden, da sonst ein Fehler ausgegeben wird.

2 Datentypen

Es gibt fünf einfache Datentypen (auch Basisdatentypen genannt) in ECMAscript: Undefiniert .Boolean, String, Null , Zahl. Es gibt auch einen komplexen Datentyp (manchmal auch Referenzdatentyp genannt) – Objekt ist im Wesentlichen eine Menge ungeordneter Schlüssel-Wert-Paare. ECMAscript unterstützt keinen Mechanismus zum Erstellen benutzerdefinierter Typen und alle Werte sind einer der sechs oben genannten Datentypen.

typeof

Dieser Operator (hier ist keine Funktion, da es sich nicht um eine Funktion handelt) wird im Allgemeinen beim Debuggen verwendet. Es gibt sechs Rückgabewerte: undefiniert (Wert ist Definition), boolescher Wert (boolescher Wert), Zeichenfolge (Zeichenfolge), Zahl (Zahl), Objekt (dieser Wert ist ein Objekt oder Null), Funktion (dieser Wert ist eine Funktion).
Entsprechend dem regulären Ausdruck handelt es sich tatsächlich um eine andere Objektform (Objekt vom Typ RegExp), aber für Versionen vor Chrome7 und Safari5 wird die Funktion zurückgegeben und andere Browser geben ein Objekt zurück
Schauen wir uns unten ein einfaches Beispiel an

var msg; //如果没有赋值,默认是undefinedtypeof msg;  //undefined// age 没有定义typeof age; //undefined
Nach dem Login kopieren

Dieses Ergebnis ist logisch vernünftig. Denn obwohl sich diese beiden Variablen aus technischer Sicht grundsätzlich unterscheiden, ist es für diese Variablen tatsächlich unmöglich, echte Operationen auszuführen.
Auch wenn nicht initialisierte Variablen automatisch undefiniert zugewiesen werden, ist es dennoch eine kluge Entscheidung, Variablen explizit zu initialisieren. Wenn dies möglich ist, können wir sicher sein, dass diese Variable noch nicht deklariert wurde, wenn der Operator „typeof“ undefiniert zurückgibt 🎜>

Die Beziehung zwischen null und undefiniert

console.log(undefined == null)  // trueconsole.log(undefined === null)  // false
Nach dem Login kopieren

Tatsächlich wird der undefinierte Wert von null abgeleitet, was auf ECMA-262 zurückzuführen ist legt fest, dass ihre Gleichheit wahr sein muss. Obwohl null und undefiniert eine solche Beziehung haben, sind ihre Verwendungen völlig unterschiedlich. Es besteht unter keinen Umständen die Notwendigkeit, den Wert einer Variablen auf undefiniert zu setzen, aber die gleiche Damenregel ist für null ungeeignet. Ich denke, solange die Objektvariable gespeichert werden soll, die reale Variable jedoch nicht gespeichert wurde, sollte die Variable explizit als Null gespeichert werden. Dies kann nicht nur die Konvention von null als Nullzeiger widerspiegeln, sondern auch weiter zwischen null und undefiniert unterscheiden

Zahlentyp Der interessanteste Datentyp in ECMAscript, dieser Typ verwendet IEEE754 zur Darstellung Ganzzahlen und Gleitkommawerte

Oktalliterale sind im strikten Modus ungültig. Ja, dies führt dazu, dass die JavaScript-Engine einen Fehler meldet

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

Gleitkommawert

Es kann auch für einige extrem große oder extrem kleine Werte verwendet werden,

var f4 = 3.125e7; //31250000
Nach dem Login kopieren

在这里还是要提示一下众所周知的浮点数不能比较相等法则,
在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>
Nach dem Login kopieren

可以使用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>
Nach dem Login kopieren

运用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 = {};//当今最常用的
Nach dem Login kopieren

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

5 JavaScript中+的作用

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

console.log(1+2)
Nach dem Login kopieren
  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>
Nach dem Login kopieren
  1. 数值和字符串之间的转换

<span style="font-family: 微软雅黑, "Microsoft YaHei";">//字符串转换我数值var a = "21212";<br/>+a   //21212var b = "ss";<br/>+a //NaNvar c= "0xff";<br/>+a  //255</span>
Nach dem Login kopieren
<span style="font-family: 微软雅黑, "Microsoft YaHei";">//数值转换为字符串var a =45;<br/>+a;  //"45"</span>
Nach dem Login kopieren
//布尔值的转换+true  //1+fasle  //0
Nach dem Login kopieren

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
Nach dem Login kopieren

7 相等操作符

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

表达式
null == undefinedtrue
“NaN” == NaNfalse
NaN == NaNfalse
NaN != NaNtrue
true == 2false
undefined == 0false
null == 0false

全等:仅比较不转换
全等就比较严格了,在这里就不讨论什么了。
注意: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>
Nach dem Login kopieren

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

相关推荐:

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

javascript初学者实践使用

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

Das obige ist der detaillierte Inhalt vonDinge, die JavaScript-Anfänger nicht wissen (2). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage