JS 对象创建3种方式(ES5)

129 阅读1分钟

1.字面量创建

使用字面量创建对象 let 变量名 = { 属性,方法 } 采用属性 方法 采用键值对的方式

    let obj = {

        uname:'peter',   // 逗号 , 分隔
        age:18,
        sex:'男',

        sayHi:function () {      //定义方法 方法冒号 后面是匿名函数
            console.log("Hi~")
        },

    }

2.利用new创建

let 对象名 = new Object();


    let obj = new Object();
    obj['uname'] = 'peter'   //可以以 ['属性名'] 或 .属性 进行赋值
    obj.age = 18
    obj.sex = '男'

    obj.sayHi = function (){

        console.log("Hello !")

    }

3.构造方法(ES5)

    /*
    
        1.构造方法返回的是一个Object对象  构造方法不需要写return
        2.构造函数首字母大写
        3.new 构造方法名() 就创建一个对象
        4.构造方法内部 属性 方法 前面必须使用this.
    
    */

    function Star(uname,age,sex){

        this.uname = uname;
        this.age = age;
        this.sex = sex;

        this.sing= function (song) {
            console.log(song)
        }
    }

    //创建对象
    let ldh = new Star('刘德华',18,'男')