ホームページ  >  記事  >  ウェブフロントエンド  >  プロトタイプオブジェクトのJS書き換えについて詳しく解説

プロトタイプオブジェクトのJS書き換えについて詳しく解説

亚连
亚连オリジナル
2018-05-17 10:10:362085ブラウズ

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(); //Mike123456789

2 。プロトタイプ オブジェクト: 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 書き換えプロトタイプ オブジェクトが今後皆さんのお役に立てば幸いです。

関連記事:

jsメソッドの書き換えとオーバーロード手法の詳細な説明

JavaScriptのalert()メソッドのオーバーライド手法の分析に焦点を当てます

jsのメソッド書き換えの主な説明相続

以上がプロトタイプオブジェクトのJS書き換えについて詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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