Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > JavaScript implements multiple method instances of classes_javascript skills

JavaScript implements multiple method instances of classes_javascript skills

WBOY
Release： 2016-05-16 17:34:53
Original
993 people have browsed it

Construction method

Copy code The code is as follows:

function coder()
{
this.name = 'Modern Magic';
this.job = 'Web Developer';
this.coding = function ()
{ alert('I'm writing code'); }
}

var coder = new coder();
alert(coder.name);
coder.coding();


Factory method
Copy code The code is as follows:

function createCoderFactory()
{
var obj = new Object();
obj.name = 'Modern Magic';
obj.job = 'Programmer';
obj.coding = function ()
{
alert('I'm writing code');
};
return obj;
}
var coder = createCoderFactory();
alert(coder.name);
coder.coding();

Both factory methods and constructor methods have the same disadvantage, that is, every time an instance is created, each function of the class will be instantiated.

Prototype chain

Copy code The code is as follows:

function coder(){}
coder.prototype.name = 'Modern Magic';
coder.prototype.job = 'Programmer';
coder.prototype.coding = function(){
alert('I am writing code ');
};
var coder = new coder();
alert(coder.name);
coder.coding();

The prototype chain has One disadvantage is that all its properties are shared. As long as one instance changes, the others will change accordingly. Such as:

Copy code The code is as follows:

var coder1 = new coder();
var coder2 = new coder();
alert(coder1.name); /*Show modern magic*/
coder2.name = 'nowamagic';
alert(coder1.name); /*Show nowamagic* /
alert(coder2.name); /*This also shows nowamagic*/

Mixed method
The above three have their own shortcomings, so we need to improve them.

Copy code The code is as follows:

function coder()
{
this .name = 'Modern Magic';
this.job = 'Programmer';
}
coder.prototype.coding = function(){
alert('I'm writing code');
};

Dynamic original chain
There is another way to solve the first three shortcomings.

Copy code The code is as follows:

function coder()
{
this .name = 'Modern Magic';
this.job = 'Programmer';
if (typeof(coder._init) == 'undefined')
{
this.coding = function ( :)
Related labels：
accomplish kind
source：php.cn
Previous article：JS implements product countdown implementation code_javascript skills Next article：Introduction to the execution order of Javascript code when the page is loaded_Basic knowledge
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
9
1588
PHP arrays obtained from URL parameters do not behave as expected I have a URL parameter that contains the category ID and I want to treat it as an array li...
From 2024-04-06 22:09:02
0
1
1428
What is the format of the variables in the return value? I am a new learner of php. I found a piece of code: if($x<time()){return[false,'error']...
From 2024-04-06 21:55:20
0
1
778
Regular expression to match words I have a script where I am trying to match new job names with existing job names in a data...
From 2024-04-06 21:24:04
0
1
606
Sudoku checker not working? Can anyone help me identify the error? I tried everything on the online editor but still get the error. But when I do this on VSC...
From 2024-04-06 21:21:07
0
1
474
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template