JavaScript Basics Objects

var arr = ['张三','男',123,156];

    <script>
        //Use object literals to create objects {}
        var obj = {}; //Creates an empty object var obj = {
            uname: '张三',
            age: 18,
            sex: 'male',
            sayhi: function () {
                console.log('hi');
            }
        };
        //(1) The properties or methods inside are in the form of key-value pairs: key property name: value property value //(2) Multiple properties or methods are separated by commas //(3) The method is followed by an anonymous function //2. Using objects //(1) To call the properties of an object, we use the object.property name method console.log(obj.uname);
        //(2) Call the object's attribute object name ['attribute name']
        console.log(obj['age']);
        //(3) Call the method of the object object name.method name obj.sayhi();
    </script>

  // //Use new Object to create an object var obj = new Object(); //Create an empty object obj.uname = '张三';
        obj.age = 18;
        obj.sex = 'male';
        obj.sayhi = function () {
            console.log('hi~');
        }
        console.log(obj['uname']);
        console.log(obj.sex);
        obj.sayhi();
        //(1) We use the equal sign = assignment method to add object properties and methods //(2) Use ; between each property and method to end //Case var Object = new Object();
        Object.uname = 'Naruto';
        Object.sex = 'male';
        Object.age = 19;
        Object.skill = function () {
            console.log('Shadow Clone Technique');
        }
        console.log(Object.uname);
        Object.skill();

 //Why do we need to use a constructor? //Because our first two ways of creating objects can only create one object at a time. //Because we create an object at a time, many of the properties and methods in it are the same. Use functions to reuse code. This function is called a constructor. //The constructor encapsulates the object. //The constructor abstracts some of the same properties and methods in our object and encapsulates them in the function.

    <script>
 
        //Use the constructor to create an object //Constructor syntax // function constructor name() {
        // this.property = value;
        // this.method = function() {}
        // }
        // new constructor name();
 
        function Star(uname, age, sex) {
            this.name = uname;
            this.age = age;
            this.sex = sex;
            this.sing = function (song) {
                console.log(song);
            }
        }
        var ldh = new Star('Andy Lau', 18, 'Male'); //The function call returns an object console.log(typeof ldh);
        console.log(ldh.name);
        console.log(ldh['sex']);
        ldh.sing('Ice Rain');
        var zxy = new Star('Jacky Cheung', 36, 'Male');
        console.log(zxy.name);
        console.log(zxy['sex']);
        zxy.sing('Li Xianglan');
            //1. The first letter of the constructor name should be capitalized //2. Our constructor can return results without return //3. We must use new to call the constructor
            //4. We just need to call the new Srart() function to create an object //5. Our properties and methods must be preceded by this
   </script>