JavaScript creates object_json

The first: JSON method/object direct quantity
format:
var object name = {
Variable 1: value of variable 1,
Variable 1: value of variable 1,
…… ,
Function 1: function() {
Function body
},
Function 2: function() {
Function body
}//Note: The last comma needs to be removed. Compatible with IE.
};
Instructions:
(1) Fill in the variables or functions directly within the braces;
(2) The content and value of the object are separated by colons and appear in pairs;
(3) The included variables or functions are separated by commas;
(4) The function needs to be written within the curly brackets of function(){}.
Example:
var object name = {
name: "Vicky",
age: 26,
eat: function() {
alert('I wanna eat meat') ;
},
sleep: function() {
alert('I wanna sleep');
}
};
Note: A similar approach is also called anonymous class
Anonymous class example:
{
index: '//',
reg: new RegExp('^//.*$'),
css: "comment"
}
The above method creates a class, but it is not assigned to a variable.
Second: function method
Format:
function data() {
this.Variable 1 = value of variable 1;
this.Variable 2 = value of variable 2;
……;
this.function1= function() {
function body
};
this.function2= function() {
function body
};
}
Instructions:
(1) The this keyword must be written before the variables or functions;
(2) The content and value of the object are separated by an equal sign and appear in pairs;
(3) Contained variables or functions are separated by semicolons.
(4) The function needs to be written within the curly brackets of function(){}.
Example:
function data() {
this.name="Vicky"";
this.age=26;
this.eat=function() {
alert( 'I wanna eat meat');
};
this.sleep=function() {
alert('I wanna sleep');
};
}
Third Type: prototype mode
format:
var object name = {};
object name.prototype.Variable 1 = value of variable 1;
object name.prototype. variable 2 = value of variable 2 ;
……;
Object name.prototype.Function1= function() {
Function body
};
Object name.prototype.Function2= function() {
Function body
};
……;
Explanation:
(1) You don’t need to define anything in the initial object body;
(2) Add “object name” before the variable to be defined. "prototype." format;
(3) The content and value of the object are separated by equal signs and appear in pairs;
(4) The included variables or functions are separated by semicolons, and the semicolons can also be omitted. .
(5) The function needs to be written within the curly brackets of function(){}.
Example:
var data = {};
data.prototype. name = "Vicky";
data.prototype. age =20;
data.prototype. eat = function() {
alert('I wanna eat meat');
};
data.prototype. sleep= function() {
alert('I wanna sleep');
};
Fourth way: create method
This method uses the Prototype JavaScript component library
Format:
var object name = Class.create();
Object.extend(object name.prototype, {
Variable 1: value of variable 1,
Variable 1: value of variable 1,
…… ,
Function 1: function() {
Function body
},
Function 2: function() {
Function body
},
……
} );
Note:
(1) The object is created using the Class.create() function in the Prototype library;
(2) The content of the object is created using the Object.extend() function in the Prototype library. Extension;
(3) The extended object must bring prototype when passed into the Object.extend function.
(4) The extension content is enclosed in curly brackets, and the format of the definition is exactly the same as JSON.
Example:
var data = Class.create();
Object.extend(dta.prototype, {
name: "Vicky",
age: 20,
eat: function() {
alert('I wanna eat meat');
},
sleep: function() {
alert('I wanna sleep');
}
});
Actually, there are other ways to define JS objects. You can also use the above four methods to combine definitions, which shows the freedom of JS as a dynamic language.
The formal method of creating a JS object is as follows:
var d1 = new Data();
There are two ways to reference JS object variables:
(1) Dot reference, for example, data. name.
(2) Array reference, such as data[‘name’].