JavaScript创建对象的三种方法

一、利用对象字面量创建对象

var obj = { };//创建了一个空的对象

var obj = {
        uname:'张三疯',
        age:18,
        sex:'男',
        sayHi: function(){
            console.log('hi~');
    }
}
        //调用的对象
        console.log(obj.uname);  //张三疯
        console.log(obj['age']);  //18
        obj.sayHi();  //hi~

(1)对象里边的属性或者方法采用键值对的形式。键 属性名:值 属性值

(2)多个属性或者方法中间用逗号隔开

(3)方法冒号后面跟的是一个匿名函数

使用对象:

(1)调用对象的属性 通过对象名.属性名的方式  console.log(obj.uname);    //张三疯

(2)另一种方式  对象名['属性名']     console.log(obj['age']);      //18  属性名必须加引号

(3)使用对象的方法    对象名.方法名      obj.sayHi();            //hi~

二、利用new Object创建对象

var obj = new Object(); //创建了一个空的Object对象

var obj = new Object();
    obj.uname = '张三疯';
    obj.age = 18;
    obj.sex = '男';
    obj.sayHi =  function(){
            console.log('hi~');
    }
  //调用的对象
        console.log(obj.uname);  //张三疯
        console.log(obj['age']);  //18
        obj.sayHi();  //hi~

(1)利用等号赋值的方式 添加对象的属性和方法

(2)每个属性和方法之间用分号结束

三、利用构造函数创建对象

构造函数的语法格式

function 构造函数名(){

        this.属性 = 值;

        this.方法 = function(){

        }

}

function Star( uname , age , sex ){
        this.name = name;
        this.age = age;
        this.sex = sex;
        this.sing = function(sang){
            console.log(sang);
        }
}
  var ldh = new Star( '刘德华' , 18 , '男' ) ;
  ldh.sing('冰雨');
  var zxc= new Star( '周星驰' , 20 , '男' ) ;
  var zrf= new Star( '周润发' , 21 , '男' ) ;
    console.log(typeof (ldh));  //object   创建了对象
    console.log(zxc);
    console.log(zrf);

1、构造函数名字首字母要大写

2、构造函数不需要return就可以返回结果

3、调用构造函数必须使用关键词new

4、只要使用new Star 调用构造函数就创建了一个对象

5、构造函数里边的属性和方法前边必须要用this

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值