Méthode Javascript orientée objet

Le JavaScript orienté objet est un concept relativement populaire ces dernières années. En raison de mon talent limité, j'ai réalisé de nombreux projets Web et lu beaucoup de documents et de didacticiels ésotériques sur Internet, mais j'ai encore peu de compréhension. leurs théories ésotériques. Je l'ai lu il y a quelque temps. Après avoir lu quelques livres, j'ai enfin ma propre compréhension. Aujourd'hui, je vais faire semblant pendant un moment. Si vous pensez que c'est très profond, s'il vous plaît, méprisez-moi directement. faux, s'il vous plaît, critiquez-moi.

Comprenez d’abord les choses suivantes de manière générale.

Écrire une fonction fn(){} ou var fn=function(){}, etc. en code JS, vous pouvez le comprendre comme un objet, bien sûr, un tableau, etc.

Avant de comprendre l’orientation objet, comprenons d’abord les choses suivantes.

1. Appel de méthodes d'objet

La fonction écrite dans la couche la plus externe de js peut également être comprise comme une méthode de l'objet window. La variable définie peut également être appelée propriété de l'objet window. Par exemple :

var test=function(){
alert("123")
}
当然上面的你也可以这样定义
function test(){
alert("123")
}

En tant que méthode de l'objet window, nous pouvons appeler

test()//boîte d'avertissement contextuelle 123 (car l'objet window est un objet de niveau supérieur que nous peut l'omettre)
window.test()//Une boîte d'avertissement 123 apparaît
window['test']()//Une boîte d'avertissement 123 apparaît Test peut être compris comme une valeur de méthode sous le. objet tableau de fenêtre.

Grâce aux exemples ci-dessus, vous pouvez à peu près comprendre comment utiliser et appeler les méthodes des objets.

2. Méthodes privées

Les méthodes privées sont des méthodes qui ne peuvent être utilisées que dans la portée de l'objet. Cela peut être compris en termes de portée variable.
Les fonctions dans les exemples ci-dessus peuvent être comprises comme des méthodes privées de l'objet window. Continuez avec l'exemple ci-dessous.

var pet=function(){
 function showpet(){
 alert("123")
 }
 showpet();//私有方法可以在函数作用域范围内使用。
 var temp="私有变量只有在函数或者对象作用域范围内能访问"
}
showpet();//会出错
pet.showpet()//还是不能这样调用
var Penguin=new pet() //实例化一个pet对象
Penguin.showpet()//不好意思这样子还是不能让你调用。

Que dois-je faire si la méthode que je souhaite définir peut être appelée en dehors de la portée de l'objet ? Comment puis-je utiliser des méthodes privées ? Regardons la suite.

3. Méthode statique

Avec les questions ci-dessus, continuons l'exemple ci-dessus.

var pet=function(){
 function showpet(){//私有方法
 alert("123")
 }
 showpet();//私有方法可以在函数作用域范围内使用。
}
pet.show=function(){//给pet对象添加一个静态方法。
alert("456")
}
pet.name="Penguin"//给pet对象添加一个静态属性。
pet.show()//弹出警告框456
alert(pet.name)//弹出警告框Penguin
//继续思维碰撞
=====================
var Penguin=new pet() //实例化一个pet对象
Penguin.show()//不好意思,这个静态方法好像没有被实例继承。有这种思路值得表扬啊，加油！

L'exemple ci-dessus vous montre ce qu'est une méthode statique. Bien sûr, vous ne la comprenez peut-être pas. En fait, je ne la comprends pas non plus car je suis aussi novice. vous savez comment l'écrire pour un objet après l'avoir lu, Une méthode statique, juste comment appeler la méthode statique. Peut-être qu'un jour, vous comprendrez soudainement et reviendrez m'apprendre. En gardant à l’esprit les questions ci-dessus, examinons les méthodes qui peuvent être appelées par les objets instanciés.

4. Méthodes publiques

Les méthodes publiques sont généralement implémentées en modifiant le prototype du constructeur. Après avoir modifié le prototype d'un objet, toutes les instances de l'objet hériteront de la modification du prototype (. cette phrase extrêmement prétentieuse, merci de l'ignorer si vous vous sentez vague).

Modifiez la méthode du prototype d'objet et continuez l'exemple ci-dessus.

pet.prototype.setname=function(str){//通过修改原型添加一个公有方法，用于添加修改实例对象的name
name=str;
}

Regardez l'exemple :

var pet=function(){
 function showname(){//私有方法
 alert(this.name)
 }
 this.show=function(){ //如果这里不理解，请注意这个方法下面就要介绍了。
 showname();
 }
}
pet.prototype.setname=function(str){
name=str;
}
var Penguin=new pet()
 Penguin.setname("Penguin");//添加实例的name值为Penguin
 Penguin.show();   //弹出Penguin
 Penguin.setname("wind");//添加实例的name值为wind
 Penguin.show();   //弹出wind

Exécutez le code et amusez-vous.

<script>
var pet=function(){
 name:"123",
 function showname(){//私有方法
 alert(this.name)
 }
 this.show=function(){
 showname();
 }
 }
pet.prototype.setname=function(str){
 name=str;
}
 var Penguin=new pet()
 Penguin.setname("Penguin");
Penguin.show();
Penguin.setname("wind");
Penguin.show();
</script>

5. Méthode privilégiée (interface externe objet ou fonction)

En fait, nous avons déjà utilisé cette méthode dans l'exemple ci-dessus. Cette méthode peut être appelée par héritage d'objet instancié. En définissant la méthode via le mot-clé thsi à l'intérieur du constructeur. Les méthodes privilégiées sont accessibles publiquement en dehors du constructeur (limitées aux objets instanciés) et peuvent également accéder aux membres et méthodes privés, elles sont donc les plus appropriées comme interfaces pour les objets ou les constructeurs. Grâce à des fonctions privilégiées, nous pouvons contrôler l'accès des méthodes publiques aux méthodes privées. qui a de nombreuses applications dans les extensions du framework JS.

Les lecteurs peuvent penser que ce qui précède est un paragraphe de P. Voyons comment définir une méthode privilégiée, comment référencer une méthode privilégiée et continuons à appeler les exemples ci-dessus pour voir.

var pet=function(){
 function showname(){//私有方法
 alert(this.name)
 }
 this.show=function(){//通过使用this关键字定义一个特权方法。
 showname();  //在特权方法中访问私有方法；
 }
}
pet.prototype.setname=function(str){
name=str;
}
var Penguin=new pet();//实例化一个pet对象
 Penguin.setname("Penguin");//调用公有方法修改
 Penguin.show();   //调用特权方法访问私有方法，弹出name

Créez d'abord une méthode privilégiée en utilisant this.fn=function(){} dans le constructeur. Accédez aux méthodes privées dans les fonctions privilégiées ;

les objets instanciés peuvent utiliser certaines méthodes privées en accédant aux fonctions privilégiées. La méthode d'accès aux fonctions privilégiées est la même que celle d'accès aux fonctions publiques.

La première partie est là pour le moment. La partie suivante utilisera un exemple pour expliquer comment installer B de manière orientée objet.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tout le monde. Les amis intéressés peuvent lire "Javascript orienté objet - Encapsulation".