js创建对象的4种简单方式。

2种单独创建对象

1.字面量创建对象

		 // var obj = {};
		 // console.log(obj);
		 // name : 李四  age: 19岁 打招呼:大家好我是李四
         var obj = {
            name: '李四',
            age: 19,
            sayHello: function () {
                console.log('大家好我是李四')
            }
        }
        obj.sayHello()

2.系统构造函数Object

        var obj2 = new Object();
        // 创建一个空对象
        // 属性不存在==>添加属性
        obj2.name = 'sy';
        obj2.age = '18';
        console.log(obj2);
        // 属性存在==>修改属性
        obj2.name = 'yzh';
        console.log(obj2);
        
        // 获取属性:
        // 结构:对象名.属性名
        // 1.属性存在 => 获取对应的值
        console.log(obj2.name);
        // 2.属性不存在 =>undefined
        console.log(obj2.sex);

2种批量创建对象

1.工厂函数

    function study(name,food){
        //创建一个新的空对象
        var obj3 = {}
        // 设置这个新对象
        obj3.name = name;
        obj3.food = food;
        obj3.study2 = function(){
            console.log(name + '吃'+ food);
        }
        // 返回这个新对象
        return obj;
    }   
    var ls = study('李四','晚饭');
    console.log(ls);
    ls.study2();

2.自定义构造函数

    function Person(name,age){
        this.name = name;
        this.age = age;
        this.sayHello = function(){
            console.log('自定义构造函数'); 
        }
    }
    // 根据构造函数实例化(创建)对象
    var p = new Person('yzh','18');
    console.log(p);
    p.sayHello();
    
    // 自定义构造函数:
    // 1.构造函数一定要配合new使用
    // 2.new 的4个作用:
    // 2.1创建一个新对象
    // 2.2this指向了这个新对象(添加属性)
    // 2.3执行构造函数:实例化属性(给属性赋值)
    // 2.4返回这个新对象
    
    // name : 小白  爱好:篮球  打: 小白正在打篮球
    // name : 小黑  爱好:台球  打: 小黑正在打台球
        function Teacher(name,like){
        this.name = name;
        this.like = like;
        this.play = function(){
            console.log(name + '正在打' + like);   
        }
    }
    var q = new Teacher('小白','篮球');
    console.log(q);
    q.play();
    
    var q2 = new Teacher('小黑','台球');
    console.log(q2);
    q2.play();

以上就是关于js创建对象的4种简单方式啦~ (๑๑) ~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值