创建对象的三种模式

本文介绍了JavaScript中三种创建对象的方法:使用系统构造函数、自定义构造函数及字面量方式,并展示了如何为对象添加属性和方法。
1.调用系统的构造函数创建对象

语法:var 变量名 = new Object(); //Object是系统的构造函数

例如:
//通过系统的构造函数来创建obj对象
var obj = new Object();
//添加属性
obj.name = "小明";
obj.age = 23;
//添加方法
obj.say = function(){
    //用this关键字代表当前对象
    console.log("我叫:"+this.name+",今年"+this.age+"岁了");
    return obj;
}
obj.say();//我叫:小明,今年23岁了

2.自定义构造函数创建对象

语法:function 名(){};//名要大写

//自定义构造函数 
function Person(){
    this.name = "小明";
    this.age = 23;
    this.say = function(){
        console.log("我叫:"+this.name+",今年"+this.age+"岁了");
    }
}
//自定义构造函数创建对象,先定义一个函数,创建对象
var obj = new Person();
obj.say();//我叫:小明,今年23岁了
console.log(obj instanceof Person);//true

3.字面量的方式创建对象

语法:var 变量 = {};

 var obj = { 
     name:"小明",
     age:23,
     say:function(){
         console.log("hi,I'm"+this.name+",年龄:"+this.age);
     }
 };
 obj.say(); //hi,I'm小明,年龄:23

注意:

获取对象属性的两种方式:

例如:

function Person(name,age){
    this.name = name;
    this.age = age;
    this.say = function(){
        console.log("我叫"+this.name+",年龄:"+this.age);
    }
}
var obj = new Person("哈希",23);
方法一:
obj.name = "小贤";
console.log(log(obj.name));//小贤
方法二:
obj["name"] = "萧山";
console.log(obj["name"]);//萧山

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值