Javascript对象详解(创建和使用对象)

Javascript对象详解(创建和使用对象)

  1. 什么是对象?
    对象是一组无序的相关属性和方法的集合(字符串,数值,数组,函数等),由属性和方法构成

  2. 创建对象的三种方式:
    方式1:使用字面量创建对象

//创建对象
var obj={
            name: 'jisoo', //属性
            age: 25,         //属性
            gender: '女',    //属性
            sayHi: function(){
                console.log('Hi~');
            }                //方法:冒号后面跟一个匿名函数
}
//使用对象
console.log(obj.name);//等同于console.log(obj['name']);
console.log(obj['age']);
obj.sayHi();

方式2:使用new Object创建对象

//创建对象
var obj=new Object();
        obj.name='jisoo';
        obj.age=25;
        obj.gender='女';
        obj.sayHi=function(){
            console.log('Hi~');
}
//使用对象
console.log(obj.name);
console.log(obj.age);
obj.sayHi();

方式3:使用构造函数创建对象

//创建对象
function Star(name,age,gender){
            this.name=name;
            this.age=age;
            this.gender=gender;  
            this.sing=function(song){
                console.log(song);
            }//构造函数不需要return就可以返回结果
}
//使用对象
var jisoo=new Star('金智秀',25,'女');//调用函数,返回值是一个对象 
console.log(jisoo.name);
console.log(jisoo.age);
console.log(jisoo.gender);
gfc.sing('clarify');

猜你喜欢

转载自blog.csdn.net/Angela_Connie/article/details/110237742
今日推荐