ホームページ  >  記事  >  ウェブフロントエンド  >  Javascriptで動的にクラスを追加する実装方法

Javascriptで動的にクラスを追加する実装方法

高洛峰
高洛峰オリジナル
2016-12-09 15:34:211136ブラウズ

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() メソッドを使用できるようになります。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。