>  기사  >  웹 프론트엔드  >  JavaScript 객체가 무엇인지 간략하게 설명하세요.

JavaScript 객체가 무엇인지 간략하게 설명하세요.

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-07-15 14:30:592441검색

자바스크립트에는 변수와 함수만 있습니다. 변수는 데이터를 보유하고, 함수는 수행되는 특별한 동작입니다. JavaScript 객체는 변수와 함수를 하나의 단위로 유지하고 이를 완전한 엔터티로 캡슐화하는 변수일 뿐입니다.

JavaScript 객체가 무엇인지 간략하게 설명하세요.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript 객체란 무엇입니까

JavaScript의 세계에는 변수와 함수라는 두 가지만 있습니다.

"변수는 데이터를 보유하고 함수는 실행될 몇 가지 특별한 동작입니다." 변수는 int, string 및 float 유형일 수도 있고 객체 유형일 수도 있습니다.

"JavaScript 개체는 변수와 함수를 하나의 단위로 유지하고 이를 완전한 엔터티로 캡슐화하는 변수일 뿐입니다."

JavaScript 개체 이해

JavaScript 개체를 이해하기 위해 큰 Asp를 만들 필요는 없습니다. .net MVC 또는 웹 양식 프로젝트. 간단한 HTML 파일로 이 작업을 수행할 수 있습니다

1단계. 비주얼 스튜디오를 엽니다. 파일>>새로 만들기>>파일을 클릭합니다. 다음 화면에서 HTML을 선택하세요

2단계. 다음과 같이 JavaScript 개체를 만듭니다.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
var Customer =
{
Name: &#39;Anan Kumar&#39;, Address: &#39;USA&#39;
};
</script>
</head>
<body>
</body>
</html>

3단계. 아래와 같이 JavaScript 개체 내의 속성에 액세스하려면 "점(.)" 구문을 사용합니다.

alert(Customer.Name);

4단계. Cntr + S를 누르고 의미 있는 이름을 입력한 후 파일을 저장합니다.

5단계. 원하는 사용자로 HTML 파일을 열고 애플리케이션을 테스트하세요.

Array JavaScript 개체

Array - 동일한 유형의 요소 모음으로 정의됩니다. 좋은 소식은 JavaScript 개체 배열을 사용할 수도 있다는 것입니다.

1단계. 첫 번째 단계는 위와 동일합니다.

2단계. 다음 단계는 아래와 같이 JavaScript 객체의 배열을 생성하고 이에 액세스하는 것입니다

var Customers =
[
{
Name: &#39;Anan Kumar&#39;, Address: &#39;USA&#39;
},
{
Name: &#39;Rajav Kiran&#39;, Address: &#39;UK&#39;
},
{
Name: &#39;Pappu Dabbawala&#39;, Address: &#39;USA&#39;
}
];
 

alert(Customers[0].Name);

3단계. 페이지를 저장하고 실행하고 테스트합니다.

요약

객체의 외부 레이어는 {}로 포함되고, 내부 레이어는 ,로 구분되는데, 객체 배열은 []를 사용합니다. 이는 다른 언어의 배열 표시와 유사합니다. 역시 []입니다.

【추천 학습: javascript 고급 튜토리얼

위 내용은 JavaScript 객체가 무엇인지 간략하게 설명하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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