> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 객체에 대한 자세한 설명

JavaScript 객체에 대한 자세한 설명

php中世界最好的语言
풀어 주다: 2018-03-14 11:15:51
원래의
1673명이 탐색했습니다.

이번에는 javaScript의 객체에 대해 자세히 설명하고, javaScript 객체 사용 시 주의사항은 무엇인지 살펴보겠습니다.

1. 객체는 참조로 전달되며 복사되지 않습니다.

var x={};var stooge=x;
stooge['a']='aaa';console.log(x.a);//aaa
로그인 후 복사

2 복사 효과를 얻기 위해 객체에 create 메소드를 추가하여 원본 객체를 프로토타입으로 사용하여 새 객체를 생성할 수 있습니다. 즉, 새 객체의 값을 변경해도 해당 객체의 프로토타입에는 영향을 미치지 않습니다.

if(typeof Object.beget!=='function'){Object.create=function(o){var F=function(){};
F.prototype=o;return new F();
    }
}var another_stooge=Object.create(stooge);
로그인 후 복사

typeof는 객체의 유형을 결정하는 데 사용됩니다. (프로토타입 체인을 확인합니다)
hasOwnProperty 메소드는 프로토타입 체인을 확인하지 않습니다.

4.for in을 사용하면 객체의 모든 속성 이름을 순회할 수 있지만, 이때 typeof 또는 hasOwnProperty를 사용하여 원하지 않는 값을 제외할 수 있습니다. .

var name;for(name in another_stooge){if(typeof another_stooge[name] !=='function'){          console.log(name+':'+another_stooge[name])
      }
}
로그인 후 복사

그러나 for in 모드 속성이 나타나는 순서는 불확실합니다.

for loop는 괜찮습니다.
변수 값을 저장하려면 배열을 사용하고, 순회하려면 for 루프를 사용하는 것이 좋습니다. (하지만 개인적으로 객체에 어떤 키 값이 있는지 모르기 때문에 for in은 여전히 ​​필요하다고 생각합니다.)

var arr=[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;];for(var i=0;i<arr.length;i++){console.log(arr[i]+&#39;:&#39;+another_stooge[arr[i]]);
}
로그인 후 복사

5.deleteoperator를 사용하면 객체의 속성을 삭제할 수 있습니다. 객체에 이 속성이 포함되어 있으면 속성이 제거되고 프로토타입 체인의 어떤 객체에도 닿지 않습니다.
객체의 속성을 삭제하면 프로토타입 체인의 속성이 드러날 수 있습니다.

6. 전역 변수 오염을 줄입니다. 전역 변수 사용을 최소화하는 한 가지 방법은 애플리케이션에 대해 하나의 고유한 전역 변수를 만드는 것입니다. 이 전역 변수 아래에 다른 변수나 함수를 배치합니다.

var MyApp={};
MyApp.stooge={&#39;first-name:&#39;aaa&#39;
};
MyApp.flight=function(){}
로그인 후 복사

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

css3 그림자에 대한 자세한 설명

JavaScript 배열 사용 모음

JavaScript에서 쉽게 간과할 수 있는 지식

캔버스를 사용하여 별이 빛나는 하늘을 그리는 방법, 달, 지구, 텍스트 추가

위 내용은 JavaScript 객체에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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