// définir la classe Circle, avoir une variable de membre R, un PI constant et une zone de fonction des membres () qui calcule la zone
1. Méthode d'usine
var cercle = function () {var obj = nouvel objet (); obj.pi = 3,14159; obj.area = fonction (r) {return this.pi * r * r; } return obj;} var c = new Circle (); alert (C.Area (1.0));2. Écriture plus formelle
fonction Circle (r) {this.r = r;} cercle.pi = 3.14159; cercle.prototype.area = function () {return Circle.pi * this.r * this.r;} var c = new Circle (1.0); alerte (c.area ());3.Json Méthode d'écriture
var cercle = {"pi": 3.14159, "zone": fonction (r) {return this.pi * r * r; }}; alert (cercle.area (1.0));4. Un petit changement, mais l'essence est la même que la première
var cercle = fonction (r) {this.r = r;} cercle.pi = 3.14159; Cercle.prototype = {zone: function () {return this.r * this.r * cercle.pi; }} var obj = nouveau cercle (1.0); alert (obj.area ())Cercle.pi = 3,14159; Peut être mis dans les propriétés et écrit comme celle-ci .pi = 3,14159;
Les premiers et troisième types sont couramment utilisés
Exemple étendu de la troisième méthode d'écriture
var show = {btn: $ ('. div1'), init: function () {var that = this; alerte (ceci); this.btn.click (function () {that.change (); alert (this);})}, change: function () {this.btn.css ({'background': 'green'}); }} show.init ();Il convient de noter que ce problème de pointage
L'article ci-dessus résume plusieurs méthodes d'écriture courantes pour JS orienté objet. C'est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.