A brief discussion on javascript object-oriented programming

ECMA-262 defines an object as: "a collection of unordered attributes, whose attributes can contain basic values, objects or functions."

The easiest way to understand an object is to create an instance of an object and then add properties and methods to it

Copy the codeThe code is as follows:

        var person = new Object();

         = "Xulei";

         = "23";
= "front-end engineer";

         = function () {

            alert();

        }

You can also write this

Copy the codeThe code is as follows:

        var person = {

            name: "xulei",

            age: 23,
job: "front-end project",

            sayName: function () {

                alert()

            }

        }

1. Attribute type: data attributes and access their attributes

1. Data attributes, with 4 characteristics that describe their behavior
[Configurable]: Indicates whether the attribute can be deleted to redefine the attribute, whether the attribute's characteristics can be modified, or whether the attribute can be modified to the accessor attribute, the default value is true
[Enumerable]: Indicates whether the attribute can be returned through for-in, the default value is true
[Writable]: Indicates whether the attribute can be modified, the default value is true
[Value]: contains the data value of this property. The default value is undefined

Copy the codeThe code is as follows:

        var person = {

            name: "xulei"

        }

Here a person object is created, and the value value is "xulei"

To modify the default properties of a property, you must use ECMAScript5 (the object where the property is located, the name of the property, the descriptor object)
The descriptor object must be configurable, enumerable, writable, value

Copy the codeThe code is as follows:

        var peron = {}
        (peron, "name", {
writable: false,//Properties cannot be modified
value: "Xu Lei-xulei"
        });

alert();//Xu Lei-xulei
= "Xu Lei";
alert();//Xu Lei-xulei

The above operations will be ignored in non-strict mode, and an exception will be thrown if it is in strict mode.
Once the property is defined as unconfigurable, it cannot be turned back into configurable.
In most cases, it is not necessary to utilize these advanced functions provided by the () method. But it is very useful for understanding javascript.
Readers are advised not to use this method on ie8.

2. Access its properties, there are 4 characteristics
[Configurable]: Indicates whether the attribute can be deleted to redefine the attribute, whether the attribute's characteristics can be modified, or whether the attribute can be modified to the accessor attribute, the default value is true
[Enumerable]: Indicates whether the attribute can be returned through for-in, the default value is true
[Get]: Functions called during reading
[Set]: Function called when writing attributes