当前位置: 移动技术网 > IT编程>网页制作>CSS > javaWeb学习之创建对象,构造函数,原型对象,constructor讲解

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

2018年09月29日  | 移动技术网IT编程  | 我要评论

一.创建对象

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网