JavaScript中的对象

在JS中创建对象有3种方法。

var obj={
            uname:'李四',
            sex:'男',
            age:18,
            sayHello:function(){
                console.log('hello!!!');
            }
        }
        obj.sayHello();
        console.log(obj.age);

这种创建对象的方法是对象字面量

方法调用一定要加圆括号。

每一项用逗号隔开。

这是第一张方法,通过对象字面量的方法创建对象。

  var obj2 = new Object();
        obj2.name = '张三';
        obj2.sex = '女'
        obj2.age = 22;

        obj2.SayHi = function () {
            console.log('hi!!');
        }
        obj2.SayHi();
        console.log(obj2.name);

这是第二种方法,这种创建对象的方法是new object

不用花括号,但是注意每一项被分号隔开,而不是逗号。

以上两种方法只能一次创建一个对象。

用构造函数的话就可以一次创建多个。

为什么需要构造函数?

假设你有刘德华这个对象 黎明这个对象 然后你要生成其余两个四大天王 这时候可以用构造函数重复 复制这些相同的代码 比如他们都包含唱歌这个功能 年龄这个属性。

来看一个用构造函数来创建对象的例子。

 function FourStar(uname,age,sex)
        {
            this.name=uname;
            this.age=age;
            this.sex=sex;
        }
        var ldh=new FourStar('刘德华',42,'男');
        //console.log(ldh.name);
        console.log(ldh.name);
        console.log(ldh.sex);

        var zxy=new FourStar('张学友',43,'男');
        //console.log(ldh.name);
        console.log(ldh.name);
        console.log(ldh.sex);

在上面的这个案例中,我们通过构造函数的方法创建了对象。

我们先创建了一个叫做FourStar的构造函数, 然后再通过new这一关键字创建了对象实例,并将它们命名为ldh zxy,我们就可以调用构造函数中的属性值和方法了。

你可能感兴趣的:(javascript,前端)