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

javaWeb学习之创建对象,构造函数,原型对象,constructor讲解

程序员文章站 2022-06-04 16:46:10
一.创建对象 对象包含属性和方法,跟java一样, 内置对象,常见以下内置对象: string(字符串对象) date(日期对象) array(数组对象) boolean(逻辑对象) math(算数...

一.创建对象

对象包含属性和方法,跟java一样,

内置对象,常见以下内置对象:

string(字符串对象)

date(日期对象)

array(数组对象)

boolean(逻辑对象)

math(算数对象)

regexp(正则对象)

以下自定义对象,,首字母必须大写

1.基于object对象创建

参考代码:

var person = new object();
person.name="cjj";
person.age=23;
person.pwd="123";
person.show=function showname() {
    alert(this.name)
}
person.show();

2.使用字面量赋值方法创建对象

对象的属性和方法均写在括号里面

参考代码:

var people={
    name:"吃家境",
    age:23,
    pwd:"123",
    show:function () {
        alert(this.name);
    }
}
people.show();

二.构造函数

跟java有参构造差不多,在方法中使用参数并通过this调用

参考代码:

<script type="text/javascript">
    function person(name,pwd,age) {
        this.name = name;
        this.pwd = pwd;
        this.age = age;
        this.show=function () {
            document.write(name+"
"+pwd+"
"+age)
        }
    }

    var person = new person("吃家境","1213",23);
    person.show();

    var person2 = new person("xianweijie","1213",80);
    person2.show();

三.原型对象

prototype 原型对象的关键词

下面代码通过prototype修饰原型,也可以在这基础上使用带参email

参考代码:

function person(email) {
    this.email =email;

}
person.prototype.name="吃加紧";
person.prototype.age=18;
person.prototype.pwd="123456";
person.prototype.show=function () {
    alert(person.prototype.name+person.prototype.age)
}

var person = new person();
person.show();

var person1 = new person();
person1.show();

    var person2 = new person("120464845@qq.com");
    person2.show();
    alert(person2.email);

四. constructor

判断该属性是否指向该对象,如是返回true

alert(flower1.constructor==flower);