자바스크립트 초보자가 모르는 것들 (2)

이 글에서는 자바스크립트의 기본 구문과 데이터 유형을 주로 공유합니다. 물론 아직은 가장 기본적인 내용이므로 이제 막 시작하는 학생들도 살펴보시기 바랍니다. 이 제목을 보면 단지 구문과 데이터 유형에 관한 것이라고 생각하지 않습니까? 그 정도의 지식만으로도 이미 알고 있었습니다.

1 키워드 및 예약어

ECMA-262는 특정 목적을 가진 키워드 세트를 설명합니다. 이러한 키워드는 제어문의 시작이나 끝을 나타내거나 특정 작업 등을 수행하는 데 사용할 수 있습니다. 일반적으로 키워드는 언어로 예약되어 있으므로 식별자로 사용할 수 없습니다. 다음은 ECMAScript의 모든 키워드입니다(*로 표시된 것은 5판의 새로운 키워드입니다). ㅋㅋ

returnswitchwithdelete

void

계속

for

while

debugger*

function

this

default

if

throw

in

try

ECMA-262는 식별자로 사용할 수 없는 또 다른 예약어 세트도 설명합니다. 예약어는 아직 언어에서 특정 용도로 사용되지 않습니다. 하지만 앞으로는 키워드로 사용될 수도 있습니다. 다음은 ECMA-262 버전 3에서 정의한 모든 예약어입니다.

abstract	enum	int	short
부울	내보내기	interface	static
byte	extends	long	super
char	최종	네이티브	synchronized
class	float	package	throws
const	goto	private	transient
debugger	implements	protected	휘발성
double	가져오기	public

5번째 버전은 엄격하지 않은 모드에서 실행될 때 예약어를 다음과 같이 줄입니다.

const

내보내기

가져오기

엄격 모드에서 버전 5는 다음 예약어에도 제한을 적용합니다.

비공개staticletprotectedyield

Let 및 Yield는 5판에서 새로운 예약어이며, 다른 예약어는 3판에서 정의됩니다. 호환성을 최대한 보장하기 위해서는 프로그래밍 시 3판에 정의된 예약어와 let,yield를 참고로 사용하는 것이 좋습니다.

ECMAScript 3을 구현하는 JavaScript 엔진에서 키워드를 식별자로 사용하면 "식별자가 예상됨" 오류가 발생합니다. 예약어를 식별자로 사용하면 특정 엔진에 따라 동일한 오류가 발생할 수도 있고 그렇지 않을 수도 있습니다.

5판에서는 키워드 및 예약어 사용 규칙이 약간 수정되었습니다. 아직 식별자로 사용할 수는 없지만 키워드와 예약어는 이제 개체 속성 이름으로 사용할 수 있습니다. 일반적으로 향후 ECMAScript 버전과의 호환성을 유지하려면 키워드와 예약어를 식별자 및 속성 이름으로 사용하지 않는 것이 가장 좋습니다.

위에 나열된 예약어 및 키워드 외에도 ECMA-262 버전 5에서는 eval 및 인수에 제한을 적용합니다. 엄격 모드에서는 이 두 이름을 식별자나 속성 이름으로 사용할 수 없습니다. 그렇지 않으면 오류가 발생합니다.

2 데이터 유형

ECMAscript에는 5가지 단순 데이터 유형(기본 데이터 유형이라고도 함)이 있습니다: Undefine, String, Null, Number 복잡한 데이터 유형(때때로 참조 데이터라고도 함)도 있습니다. 유형) – Object, Object는 본질적으로 순서가 지정되지 않은 키-값 쌍의 집합입니다. ECMAscript는 사용자 정의 유형을 생성하는 메커니즘을 지원하지 않으며 모든 값은 위에서 언급한 6가지 데이터 유형 중 하나입니다.

typeof

이 연산자(여기서는 함수가 아니기 때문에 함수가 아닙니다)는 일반적으로 디버깅 중에 사용됩니다. 반환 값은 6개입니다: 정의되지 않음(값이 정의됨), 부울(부울 값), string(문자열), number(숫자), object(이 값은 object이거나 null입니다), function(이 값은 함수입니다).
정규식에 해당하며 실제로는 또 다른 형태의 객체(RegExp형 객체)이지만 Chrome7, Safari5 이전 버전의 경우 함수를 반환하고 다른 브라우저에서는 객체를 반환합니다.
한번 살펴보겠습니다. 간단한 예

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

이 결과는 논리적으로 타당하다. 왜냐하면 이 두 변수는 기술적인 관점에서는 본질적으로 다르지만 실제로는 이들 변수가 실제 연산을 수행하는 것이 불가능하기 때문입니다.
초기화되지 않은 변수가 자동으로 정의되지 않은 상태로 할당되더라도 변수를 명시적으로 초기화하는 것이 현명한 선택입니다. 이렇게 할 수 있다면 typeof 연산자가 정의되지 않은 값을 반환할 때 이 변수가 아직 선언되지 않았음을 확인할 수 있습니다

null과 정의되지 않음의 관계

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

실제로 정의되지 않은 값은 null에서 파생됩니다. ECMA-262에서는 동등성이 true를 반환해야 한다고 규정하기 때문입니다.
null과 undefine은 이러한 관계가 있지만 용도가 완전히 다릅니다. 어떤 경우에도 변수의 값을 undefine으로 설정할 필요는 없지만 동일한 규칙이 null에 적합하지 않습니다. 객체변수를 저장하려고 했으나 실제 변수가 저장되지 않은 이상 해당 변수는 명시적으로 null로 저장되어야 한다고 생각합니다. 이는 널 포인터로서의 널 규칙을 반영할 수 있을 뿐만 아니라 널과 정의되지 않은

Number 유형

Number 유형은 ECMAscript에서 가장 흥미로운 데이터 유형이어야 하며 이 유형은 IEEE754를 사용하여 나타냅니다. 정수 및 부동 소수점 값

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

8진수 리터럴은 엄격 모드에서 유효하지 않으므로 JavaScript 엔진이 오류를 보고하게 됩니다

부동 소수점 값

<span style='font-family: 微软雅黑, "Microsoft YaHei";'>var f1 = 0.1; <br>var f2 = .1;  //虽然是有效的0.1但是不推荐var f3 = 1.0; //会自动转换为1</span>

매우 크거나 극단적인 작은 값의 경우 ​​과학적 표기법으로도 표현할 수 있습니다.

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初学者的一些最佳实践

위 내용은 자바스크립트 초보자가 모르는 것들 (2)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!