前端---js中创建对象的4种方式

// 1、字面量创建
    var per1 = {
        name: '张三',
         age: '18',
         eat: function () {
            console.log('吃东西')
        }
    }
 
    // 2、Object方式创建
    var per2 = new Object()
    per2.name = '李四';
    per2.age = '18';
    per2.read = function () {
        console.log('读书')
    }
    // 3、通过工厂模式创建
    function person(name,age) {
        var obj = new Object();
        obj.name = name;
        obj.age  = age;
        obj.play = function () {
            console.log('玩游戏')
        }
        return obj
    }
    var per3 = person('王五','20')
   // 4、通过构造函数创建
    function animal(name, age) {
        this.name = name;
        this.age = age;
        this.food = function () {
            console.log('骨头')
        }
    }
    var ani1 = new animal('泰迪',3) // ani1称为实例化对象
    console.log(ani1.__proto__ === animal.prototype) // true 两者都是指向构造函数的原型
    console.log(ani1.__proto__.constructor === animal.prototype.constructor) //  true 两者都指向的是构造函数
    console.log(ani1 instanceof animal) // true 以此来判断对象是不是这种数据类型
发布了11 篇原创文章 · 获赞 7 · 访问量 220

猜你喜欢

转载自blog.csdn.net/weixin_45881192/article/details/104076491