我試圖理解“JavaScript：理解奇怪的部分”課程中的一個例子。有一行代碼Greeter.init.prototype = Greeter.prototype;用于使函數構造函數Greeter.prototype創建的所有對象成為原型Greeter.init，因此我們可以在Greeter.prototype.但我不明白為什么不直接在Greeter.init.prototype. 效果是一樣的。該行Greeter.init.prototype = Greeter.prototype;看起來像是多余的代碼。原始方法的優點是什么？原始代碼：(function(global, $) { var Greetr = function(firstName, lastName, language) { return new Greetr.init(firstName, lastName, language); } Greetr.prototype = { fullName: function() { return this.firstName + ' ' + this.lastName; } }; Greetr.init = function(firstName, lastName, language) { var self = this; self.firstName = firstName || ''; self.lastName = lastName || ''; self.language = language || 'en'; } Greetr.init.prototype = Greetr.prototype; global.Greetr = global.G$ = Greetr; }(window, jQuery));var g = G$('John', 'Doe');console.log(g);console.log(g.fullName());<html> <head> </head> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> </body></html>簡化代碼：(function(global, $) { var Greetr = function(firstName, lastName, language) { return new Greetr.init(firstName, lastName, language); } Greetr.init = function(firstName, lastName, language) { var self = this; self.firstName = firstName || ''; self.lastName = lastName || ''; self.language = language || 'en'; } Greetr.init.prototype = { fullName: function() { return this.firstName + ' ' + this.lastName; } }; global.Greetr = global.G$ = Greetr; }(window, jQuery));var g = G$('John', 'Doe');console.log(g);console.log(g.fullName());<html> <head> </head> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> </body></html>
設置函數構造函數原型（示例中）
Smart貓小萌
2023-08-18 17:06:27
