재구성된 제목은 다음과 같습니다: The Concept of Object()

WBOY
풀어 주다: 2023-09-03 23:49:10
원래의
727명이 탐색했습니다.

重新表达的标题为:The Concept of Object()

내장된 Object() 생성자를 사용하면 일반적인 빈 객체를 동적으로 생성할 수 있습니다. 사실 1장의 시작 부분부터 기억한다면 이것이 바로 우리가 cody 객체를 생성하여 했던 일입니다. cody 객체를 다시 만들어 보겠습니다.

예: Sample69.html

으아악

여기서 우리가 하는 일은 Object() 构造函数来创建一个名为 cody 的通用对象。您可以将 Object() 생성자를 미리 정의된 속성이나 메서드 없이 빈 객체를 만들기 위한 진부한 도구로 사용하는 것뿐입니다(물론 프로토타입 체인에서 상속된 객체는 제외).

명확하지 않은 경우 Object() 构造函数本身就是一个对象。也就是说,构造函数基于从 Function 构造函数创建的对象。这可能会令人困惑。请记住,与 Array 构造函数一样,Object 构造函数只是吐出空白对象。是的,您可以创建您喜欢的所有空对象。但是,创建像 cody 这样的空对象与使用预定义属性创建自己的构造函数有很大不同。确保您了解 cody 只是一个基于 Object() 构造函数的空对象。要真正利用 JavaScript 的力量,您不仅需要学习如何从 Object() 创建空对象容器,还需要学习如何构建您自己的对象“类”(Person()),例如Object()생성자 자체.


Object()매개변수

Object() 构造函数采用一个可选参数。该参数是您想要创建的值。如果您未提供任何参数,则将假定 nullundefined 생성자는 선택적 매개변수를 사용합니다. 이 매개변수는 생성하려는 값입니다. 매개변수를 제공하지 않으면 null 또는 undefine 값이 가정됩니다.

예: Sample70.html

으아악

null 또는 undefine 이외의 값이 Object 생성자에 전달되면 전달된 값이 객체로 생성됩니다. 따라서 이론적으로는 nullundefined 之外的值传递给 Object 构造函数,则传递的值将被创建为对象。因此理论上,我们可以使用 Object() 생성자를 사용하여 생성자가 있는 다른 기본 개체를 만들 수 있습니다. 다음 예에서는 그렇게 합니다.

예: Sample71.html

으아악

Object() 속성 및 메서드

Object() 개체에는 다음과 같은 속성이 있습니다(상속된 속성 및 메서드 제외):

속성(Object.prototype;):

  • 原型

Object()인스턴스 속성 및 메서드

Object()객체 인스턴스에는 다음과 같은 속성과 메서드가 있습니다(상속된 속성과 메서드 제외).

인스턴스 속성(var myObject = {}; myObject.constructor;):

  • 构造函数

인스턴스 메소드(var myObject = {}; myObject.toString();):

  • hasOwnProperty()
  • isPrototypeOf()
  • propertyIsEnumerable()
  • toLocaleString()
  • toString()
  • valueOf()

프로토타입 체인은 Object.prototype结尾,因此Object()로 끝나므로

의 모든 속성과 메서드는 모든 JavaScript 개체에 상속됩니다.

Object()"객체 리터럴"을 사용하여

객체

만들기 var cody = {};"객체 리터럴"을 생성하려면 중괄호(

)를 사용하여 속성이 있거나 없는 객체를 인스턴스화해야 합니다. 1장의 시작 부분에서 일회용 cody 객체를 만든 다음 점 표기법을 사용하여 cody 객체에 속성을 할당했던 것을 기억하십니까? 다시 해보자.

예: Sample72.html

으아악 cody 对象及其属性需要五个语句。使用对象文字表示法,我们可以在一条语句中表达相同的 cody코드가

개체를 생성한다는 점에 유의하세요.

예: Sample73.html

으아악 :,리터럴 표기법을 사용하면 더 적은 코드로 객체(정의된 속성 포함)를 생성하고 관련 데이터를 시각적으로 캡슐화할 수 있습니다. 단일 문에서

연산자를 사용하는 것에 유의하세요. 단순성과 가독성으로 인해 이는 실제로 JavaScript에서 객체를 생성하는 데 선호되는 구문입니다.

속성 이름을 문자열로 지정할 수도 있다는 점을 알아야 합니다.

예: Sample74.html

으아악

속성 이름이 다음과 같은 경우가 아니면 속성을 문자열로 지정할 필요가 없습니다.
  • class는 예약어(
  • ) 중 하나입니다.
  • 공백이나 특수 문자(숫자, 문자, 달러 기호($) 또는 밑줄(_) 문자를 제외한 모든 문자)가 포함되어 있습니다.
  • 숫자로 시작하세요.

조심하세요! 개체의 마지막 속성에는 후행 쉼표가 없어야 합니다. 이로 인해 일부 JavaScript 환경에서는 오류가 발생할 수 있습니다.

Object.prototype모든 개체는

에서 상속됩니다.

Object()构造函数比较特殊,因为它的prototypeJavaScript의

생성자는 prototype 속성이 프로토타입 체인의 마지막 중지이기 때문에 특별합니다. 🎜

在以下示例中,我使用 foo 属性扩充 Object.prototype,然后创建一个字符串并尝试访问 foo 属性,就好像它是字符串实例的属性一样。由于 myString 实例没有 foo 属性,因此原型链启动并在 String.prototype 中查找值。它不在那里,所以下一个要查找的位置是 Object.prototype,这是 JavaScript 查找对象值的最终位置。找到了 foo 值,因为我添加了它,因此它返回 foo 的值。

示例:sample75.html

<!DOCTYPE html><html lang="en"><body><script>

	Object.prototype.foo = 'foo';

	var myString = 'bar';


	// Logs 'foo', being found at Object.prototype.foo via the prototype chain.
	console.log(myString.foo);

</script>
</body>
로그인 후 복사

结论

小心!添加到 Object.prototype 的任何内容都将显示在 for in 循环和原型链中。因此,据说禁止更改 Object.prototype

위 내용은 재구성된 제목은 다음과 같습니다: The Concept of Object()의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!