JS 원형 대상 조작 실례 분석

2001 단어 JS원형 개체
본 고의 실례 는 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 의 원형 속성 에 두 개의 속성 과 한 가지 방법 을 직접 추가 하여 예화 한 후에 원형 중의 값 을 방문 할 수 있다.
  • 원형 대상 은 constructor 속성 이 있 습 니 다.이것 도 지침 입 니 다.이것 은 원래 의 함 수 를 가리 키 고 있 습 니 다.즉,fn.prototype.constructor==fn 입 니 다
  • 4.567917.모든 인 스 턴 스 는 이 원형 대상 이 있 기 때문에 인 스 턴 스 는 원형 대상 의 속성 과 방법 에 접근 할 수 있 습 니 다
    그렇다면 실례 는 변수 나 방법의 값 을 어떻게 검색 합 니까?우선,함수 인 스 턴 스 는 함수 자체 에서 이 변 수 를 찾 습 니 다.찾 지 못 하면 원형 대상 에서 변 수 를 찾 습 니 다.
    
    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 코드 실행 도 구 를 사용 할 수 있 습 니 다.
    자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
    본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

    좋은 웹페이지 즐겨찾기