> 웹 프론트엔드 > JS 튜토리얼 > Javascript에서 클래스를 동적으로 추가하는 구현 방법

Javascript에서 클래스를 동적으로 추가하는 구현 방법

高洛峰
풀어 주다: 2016-12-09 15:34:21
원래의
1162명이 탐색했습니다.

1. 각 인스턴스 객체에 메소드를 추가할 수 있습니다. 즉, '클래스' 외부의 메소드를 사용할 때마다 이를 생성해야 합니다.

  function Dog(){
 
  window.alert('I am a dog!');
 
 }
 
 var dog1=new Dog();//实例化一个对象
 
//现在由于类Dog功能单一,无法满足对象dog1的需要,现在就要考虑为对象dog1新增加一个方法
 
 function eat(){
 
  window.alert('I like eat bone!');
 
}
 
dog1.Dog_eat=eat;
 
dog1.Dog_eat();//此时就可以调用方法eat了,不过使用的是一个指针Dog_eat指向eat();所以也只能该对象使用
로그인 후 복사

2. Dog 클래스를 통해 생성된 모든 객체에 번거로운 소개 과정을 거치지 않고 eat() 메소드를 사용하려면 어떻게 해야 할까요?

function Dog(){
 
  window.alert('I am a dog!');
 
 }
 
 Dog.prototype.Dog_eat=function(){
 
  window.alert('I like eat bone')
 
}
 
var dog1=new Dog();
 
dog1.Dog_eat;
 
var dog2=new Dog();
 
dog2.Dog_eat;
로그인 후 복사

이제부터 모든 객체는 Dog_eat() 메서드를 사용할 수 있습니다.


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