您现在的位置:首页 >> 前端 >> 内容

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

时间:2018/6/2 15:58:14 点击:

  核心提示:一.创建对象对象包含属性和方法,跟java一样,内置对象,常见以下内置对象:String(字符串对象)Date(日期对象)Array(数组对象)Boolean(逻辑对象)Math(算数对象)RegEx...

一.创建对象

对象包含属性和方法,跟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);

Tags:JA AV VA AW 
作者:网络 来源:不详