美文网首页
js之对象的四种创建方式

js之对象的四种创建方式

作者: U一点料 | 来源:发表于2018-07-11 13:22 被阅读12次
    
    // 三种创建对象的方式
    
    // 1. 字面量创建(直接创建)
    
    var per1 = {
    
    name: '卡卡西',
    
    sex: '男',
    
    age: '20',
    
    eat: function() {
    
    console.log('吃冰激凌');
    
    }
    
    }
    
    // 2, 利用系统函数构造对象(Object)
    
    var per2 = new Object();
    
    per2.name = '卡卡西';
    
    per2.sex = '男',
    
    per2.age = '20',
    
    per2.eat = function() {
    
    console.log('吃冰激凌');
    
    }
    
    //3. 自定义构造函数
    
    function person(name,sex,age){
    
    this.name = name;
    
    this.sex = sex;
    
    this.age = age;
    
    this.eat = function(){
    
    console.log('吃冰激凌');
    
    }
    
    }
    
    var per3 = new person('卡卡西','男',18);
    
    console.log(per3.eat())
    
    // 4. 工厂方式创建对象
    
    function createObject(name,sex,age){
    
    var obj = Object();
    
    obj.name = name;
    
    obj.sex = sex;
    
    obj.age =age;
    
    obj.eat=function(){
    
    console.log('吃冰激凌');
    
    };
    
    return obj;
    
    }
    
    var per4 = createObject('卡卡西','男',18);
    
    // ps 推荐使用自定义对象的方法
    
    

    相关文章

      网友评论

          本文标题:js之对象的四种创建方式

          本文链接:https://www.haomeiwen.com/subject/cxrhpftx.html