ホームページ > 記事 > ウェブフロントエンド > プロトタイプオブジェクトのJS書き換えについて詳しく解説
JSプロトタイプの変更と書き換え
js プロトタイプを変更するには 2 つの方法があります:
1. 元のプロトタイプオブジェクトに属性とメソッドを追加します: 12
function Person(){ } Person.prototype.name="Mike"; Person.prototype.sayName=function(){ console.log(this.name); } var person= new Person(); person.sayName(); //Mike1234567892 。プロトタイプ オブジェクト: 12
function Person(){ } Person.prototype={ "name":"Mike", sayName:function(){ console.log(this.name); } } var person=new Person(); person.sayName(); //Mike1234567891011次に質問を見ていきます: (この質問では、プロトタイプ オブジェクトにプロパティやメソッドを直接追加することと、プロトタイプ オブジェクトを上書きまたは上書きすることの違いについても説明します。) 12
function Person(){ } function Animal(){ } var person=new Person(); var animal=new Animal(); Person.prototype={ "name":"Mike", sayName:function(){ console.log(this.name); } } Animal.prototype.name="animal"; Animal.prototype.sayName=function(){ console.log(this.name); } person.sayName(); //error person.sayName is not a function animal.sayName();//animal1234567891011121314151617181920 分析:12 function Person(){ } function Animal(){ } var person=new Person(); var animal=new Animal(); console.log(person. proto ===Person.prototype); //true console.log(animal.proto===Animal.prototype); //true Person.prototype={ "name":"Mike", sayName:function(){ console.log(this.name); } } Animal.prototype.name="animal"; Animal.prototype.sayName=function(){ console.log(this.name); } console.log(person.proto===Person.prototype); //false console.log(animal.proto===Animal.prototype); //true person.sayName(); //error person.sayName is not a function animal.sayName();//animal上記は、皆さんのためにコンパイルした JS 書き換えプロトタイプ オブジェクトが今後皆さんのお役に立てば幸いです。 関連記事:
JavaScriptのalert()メソッドのオーバーライド手法の分析に焦点を当てます
以上がプロトタイプオブジェクトのJS書き換えについて詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。