JavaScript中的自定义对象

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/StriverLi/article/details/75042000

首先需要明确的一点：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=王五