Detailed Javascript objects (create and use objects)

Detailed Javascript objects (create and use objects)

1. What is an object?
   An object is an unordered collection of related properties and methods (strings, numbers, arrays, functions, etc.), composed of properties and methods

2. Three ways to create objects:
   Method 1: Use literals to create objects

//创建对象
var obj={
            name: 'jisoo', //属性
            age: 25,         //属性
            gender: '女',    //属性
            sayHi: function(){
                console.log('Hi~');
            }                //方法:冒号后面跟一个匿名函数
}
//使用对象
console.log(obj.name);//等同于console.log(obj['name']);
console.log(obj['age']);
obj.sayHi();

Method 2: Use new Object to create an object

//创建对象
var obj=new Object();
        obj.name='jisoo';
        obj.age=25;
        obj.gender='女';
        obj.sayHi=function(){
            console.log('Hi~');
}
//使用对象
console.log(obj.name);
console.log(obj.age);
obj.sayHi();

Way 3: Use the constructor to create an object

//创建对象
function Star(name,age,gender){
            this.name=name;
            this.age=age;
            this.gender=gender;  
            this.sing=function(song){
                console.log(song);
            }//构造函数不需要return就可以返回结果
}
//使用对象
var jisoo=new Star('金智秀',25,'女');//调用函数，返回值是一个对象 
console.log(jisoo.name);
console.log(jisoo.age);
console.log(jisoo.gender);
gfc.sing('clarify');