欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript中的自定义对象

程序员文章站 2022-04-04 08:05:04
...

首先需要明确的一点:JavaScript中没有类的概念,只要有函数就可以创建对象

1.使用无参函数创建对象

function Person(){}
var p = new Person(); // 创建一个Person对象
p.id = 12;
p.name = "张三";
p.print = function(){ // 定义一个方法
    document.write("id=" + this.id + " name=" + this.name);
}

document.write("id:" + p.id + "  姓名:" + p.name + "<br/>");
p.print();

输出:

id:12 姓名:张三
id=12 name=张三

2.使用带参函数定义对象

function Person(id,name){
    this.id = id;
    this.name = name;
    this.print = function(){
        document.write("id=" + this.id + " name=" +this.name);
    }
}

var p = new Person(12,"李四");
p.print();

结果:

id=12 name=李四

3.使用Object函数创建对象

Object()方法是JavaScript内置的一个方法,可以直接用它来创建对象:

var p = new Object();
p.id = 12;
p.name = "张三";
p.print = function(){
    document.write("id=" + this.id + " name=" +this.name);
}

document.write("id:" + p.id + "  姓名:" + p.name + "<br/>");
p.print();

运行结果:

id:12 姓名:张三
id=12 name=张三

4.使用字面量的方式创建对象

var p = {
    id:12,
    name:"王五",
    print:function(){
        document.write("id=" + this.id + " name=" +this.name);
    }
}

p.print();

运行结果:

id=12 name=王五