JS 원형 대상 조작 실례 분석
만물 은 모두 대상 이 고 함수 도 마찬가지 로 대상 이 며 특수 한 함수 대상 이다.
function fn() {}
let a = new fn();
let b = new Function()
console.log(typeof a); // object
console.log(typeof b); // function
브 라 우 저 를 열 고 fn 을 입력 하면 fn 에 prototype(원형)속성 이 있 습 니 다.이 속성 은 포인터 로 원형 대상 을 가리 키 며 이 대상 은 특정 유형의 모든 공유 속성 과 방법 을 포함 합 니 다.다시 말 하면 prototype 대상 은 함수 의 모든 공유 속성 과 방법 을 포함 하고 있다.
function fn() {}
fn.prototype.a = 18;
fn.prototype.b = "b";
fn.prototype.test = function() {
console.log(123);
}
var r = new fn();
console.log(r.a); // 18
우 리 는 함수 fn 의 원형 속성 에 두 개의 속성 과 한 가지 방법 을 직접 추가 하여 예화 한 후에 원형 중의 값 을 방문 할 수 있다.그렇다면 실례 는 변수 나 방법의 값 을 어떻게 검색 합 니까?우선,함수 인 스 턴 스 는 함수 자체 에서 이 변 수 를 찾 습 니 다.찾 지 못 하면 원형 대상 에서 변 수 를 찾 습 니 다.
function fn() {}
fn.prototype.a = 18;
fn.prototype.b = "b";
fn.prototype.test = function() {
console.log(123);
}
var a = new fn();
var b = new fn();
b.a = 20
console.log(b.a); // 20
console.log(a.a); // 18
두 개의 인 스 턴 스 를 만 들 었 습 니 다.b 인 스 턴 스 에 a 속성 을 수 동 으로 추 가 했 습 니 다.fn 의 원형 대상 에 도 a 속성 이 있 습 니 다.그러면 b 인 스 턴 스 는 원형 속성 이 아 닌 자체 속성 에 우선 접근 합 니 다.참고 내용:자 바스 크 립 트 고급 프로 그래 밍
관심 있 는 친 구 는 온라인 HTML/CSS/JavaScript 코드 실행 도 구 를 사용 할 수 있 습 니 다.
자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JS 판단 수조 네 가지 실현 방법 상세그러면 본고는 주로 몇 가지 판단 방식과 방식 판단의 원리를 바탕으로 문제가 있는지 토론하고자 한다. 예를 들어 html에 여러 개의 iframe 대상이 있으면 instanceof의 검증 결과가 기대에 부합되지 않을...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.