>  기사  >  웹 프론트엔드  >  JavaScript의 모든 것이 객체는 아닙니다_기본

JavaScript의 모든 것이 객체는 아닙니다_기본

WBOY
WBOY원래의
2016-05-16 17:37:291172검색

많은 언어에서 "모든 것이 객체입니다"라고 주장하지만 JavaScript에서는 모든 값이 객체가 아닙니다.

원시 값 대 객체
JavaScript의 값은 기본 값(원시)과 객체(객체)라는 두 가지 주요 범주로 나눌 수 있습니다.

정의
JavaScript에서 두 값의 정의:

아래 값은 원래 값입니다.

1. 문자열
2. 숫자: JavaScript의 모든 숫자는 부동 소수점 숫자입니다
3. 부울 값
4.null
5.정의되지 않음


다른 모든 값은 객체입니다. 객체를 더 세분화할 수 있습니다:

1. 원래 값의 래퍼: 부울, 숫자, 문자열. 직접적으로 사용되는 경우는 거의 없습니다.

2. 리터럴로 생성된 객체. 다음 리터럴은 생성자를 통해서도 생성할 수 있는 객체를 생성합니다. 리터럴을 사용하여 객체를 만들 수 있습니다.

•[]는 새로운 Array()입니다
•{}는 새로운 Object()입니다
•function() {}은 새로운 Function()입니다
•/s*/는 새로운 RegExp("\ s*")
3. 날짜: new Date("2011-12-24")

차이
열거된 기본 요소와 비원시 요소를 통해 기본 요소와 객체를 정의할 수 있습니다. 그러나 기본 요소와 개체가 무엇인지 설명할 수도 있습니다. 객체부터 시작해 보겠습니다.

1. 객체는 변경 가능합니다:

코드 복사 코드는 다음과 같습니다.

> 🎜>> ; obj.foo = 123; // 속성 및 값 추가 ​​
123
> obj.foo // 속성 읽기 및 속성 값 반환 ​​
123

2. 각 객체에는 고유한 식별자가 있으므로 리터럴이나 생성자를 통해 생성된 객체는 다른 객체와 동일하지 않으며 ===를 통해 비교할 수 있습니다.

코드 복사 코드는 다음과 같습니다.
>
거짓

객체는 참조로 비교됩니다. 식별자가 동일한 두 객체만 동일한 것으로 간주됩니다.

코드 복사 코드는 다음과 같습니다.
> 🎜>> ; obj === obj



3. 변수는 객체에 대한 참조를 저장하므로 두 변수가 동일한 객체에 적용되는 경우 변수 중 하나를 변경하면 둘 다 변경됩니다.

> 🎜>> ; var var2 = var1;

> var1.foo = 123; // 변수 val1의 속성 수정
123> var2.foo // val2도 변경됨

123


예상대로 기본 값은 객체와 동일하지 않습니다.

1. 기본 값은 변경할 수 없습니다.

코드 복사

코드는 다음과 같습니다.> > str.foo = 123; // 속성 추가(이 작업은 무시됨)
123
> // 속성 값을 읽고 정의되지 않음
🎜>


2. 원래 값에는 내부 식별자가 없으며 원래 값은 값별로 비교됩니다. 두 원래 값을 비교하는 기준은 두 원래 값의 내용이 동일할 경우입니다. 두 개의 원래 값은 동일한 것으로 간주됩니다.

코드 복사

코드는 다음과 같습니다.> abc"

这意味着,一个原始值的标识就是它的值,javascript 引擎没有为原始值分配唯一标识。

最后两个事实结合起来的意思是:我们无法区分一个变量到底是对象的引用,还是原始值的副本。

陷阱:原始值和它们的包装类型
规则:忽略尽可能多的包装类型。 在其他编程语言如Java,你很少会注意到他们。

原始值类型 boolean, number 以及 string 都有自己对应的包装类型 Boolean, Number 和 String。 包装类型的实例都是对象值,两种类型之间的转换也很简单:

•转换为包装类型:new String("abc")
•转换为原始类型:new String("abc").valueOf()
原始值类型以及它们相应的包装器类型有很多不同点,例如:

复制代码 代码如下:

> typeof "abc"
'string'
> typeof new String("abc")
'object'

> "abc" instanceof String
false
> new String("abc") instanceof String
true

> "abc" === new String("abc")
false

包装类型的实例是一个对象,因此和 JavaScript 和对象一样,包装类型也无法进行值的比较(只能比较引用)。

复制代码 代码如下:

> var a = new String("abc");
> var b = new String("abc");
> a == b
false // 虽然 a 和 b 有相同的内容,但是依然返回 false
> a == a
true

原始值没有自己的方法
包装对象类型很少被直接使用,但它们的原型对象定义了许多其对应的原始值也可以调用的方法。 例如,String.prototype 是包装类型 String 的原型对象。 它的所有方法都可以使用在字符串原始值上。 包装类型的方法 String.prototype.indexOf 在 字符串原始值上也有,它们并不是两个拥有相同名称的方法,而的的确确就是同一个方法:

复制代码 代码如下:

> "abc".charAt === String.prototype.charAt
true

在数字的包装类型 Number 的原型对象有 toFixed 方法,即 Number.prototype.toFixed,但是当我们写如下代码时却发生错误:

复制代码 代码如下:

> 5.toFixed(3)
SyntaxError: Unexpected token ILLEGAL

此错误是解析错误(SyntaxError),5 后面跟着一个点号(.),这个点被当作了小数点,而小数点后面应该是一个数,以下代码可以正常运行:

复制代码 代码如下:

> (5).toFixed(3)
"5.000"
> 5..toFixed(3)
"5.000"

值的分类:typeof 和 instanceof
如果你想要对值进行分类,你需要注意原始值和对象之间的区别。 typeof 运算可以用来区分原始值和对象。instanceof 可以用来区分对象,而且,instanceof 对于所有的原始值都返回 false。

typeof
typeof 可以用来判断原始值的类型,以及区分对象值和原始值:

复制代码 代码如下:

> typeof "abc"
'string'
> typeof 123
'number'
> typeof {}
'object'
> typeof []
'object'

typeof 返回以下字符串:

参数 结果
undefined "undefined"
null "object"
布尔值 "boolean"
数字 "number"
字符串 "string"
函数 "function"
其他 "object"

참고:

•typeof는 null에서 작업할 때 "객체"를 반환합니다. 이는 JavaScript 언어 자체의 버그입니다. 안타깝게도 너무 많은 기존 코드가 이미 이 동작에 의존하고 있기 때문에 이 버그는 수정되지 않습니다. 이는 null이 실제로 객체[4]라는 의미는 아닙니다.

•typeof를 사용하면 예외를 발생시키지 않고 변수가 선언되었는지 확인할 수도 있습니다. 선언되지 않은 변수를 함수 매개변수에 전달할 수 없기 때문에 어떤 함수도 이를 수행할 수 없습니다.

코드 복사 코드는 다음과 같습니다.

> '
> undeclaredVariable
ReferenceError: undeclaredVariable이 정의되지 않았습니다

• 함수도 객체 유형입니다. 많은 사람들이 이해하지 못할 수도 있지만 때로는 매우 유용합니다.

•배열은 객체입니다.

[5] 및 [6] 유형에 대한 추가 정보.

instanceof
instanceof는 값이 생성자의 인스턴스인지 여부를 감지할 수 있습니다.

코드 복사 코드는 다음과 같습니다.
값 인스턴스 생성자

위 표현식이 true를 반환하면 value가 Constructor의 인스턴스임을 의미합니다. 이는 다음과 같습니다:

코드 복사 코드는 다음과 같습니다.
Constructor.prototype.isPrototypeOf(value)

프로토타입 체인의 끝이 Object.prototype이므로 대부분의 객체는 Object의 인스턴스입니다. 기본 값은 어떤 개체의 인스턴스도 아닙니다.

코드 복사 코드는 다음과 같습니다.
> >false
> 문자열의 "abc" 인스턴스
false


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.