当前位置： 移动技术网 > IT编程>软件设计>面向对象 > JavaScript 面向对象(随笔)

JavaScript 面向对象(随笔)

2019年05月28日  | 移动技术网IT编程  | 我要评论

构造函数创建对象

1构造函数是用new创建对象时调用的函数，与普通唯一的区别是构造函数名应该首字母大写。

function person() {
        this.age = 50;
    }

    let a = new person();
    console.log(a.age); //50

2构造函数可以接受参数

 function person(age) {
        this.age = age;
    }

    let a = new person(30);
    console.log(a.age); //30

如果没有参数，可以省略括号

function person(){
    this.age = 30;
}
//等价于var person1 = new person()
var person1 = new person;
console.log(person1.age);//30

如果忘记使用new操作符，则this将代表全局对象window。通常这种情况下会容易发生很多错误。
一定要小心。

function person(){
    this.age = 30;
}
var person1 = person();
//uncaught typeerror: cannot read property 'age' of undefined
console.log(person1.age);

instanceof(实例)

用来判断对象的类型以及当前对象是否是通过指定构造函数构建而成

function person() {
        //
    }
    let a = new person();
    console.log(a instanceof person); //true

constructor

每个对象在创建时都自动拥有一个构造函数属性constructor，其中包含了一个指向其构造函数的引用。而这个constructor属性实际上继承自原型对象，而constructor也是原型对象唯一的自有属性

function person(){
    //
}
var person1 = new person;
console.log(person1.constructor === person);//true    
console.log(person1.__proto__.constructor === person);//true

通过打印person1，你会发现，constructor 是一个继承的属性。

虽然对象实例及其构造函数之间存在这样的关系，但是还是建议使用instanceof来检查对象类型。这是因为构造函数属性可以被覆盖，并不一定完全准确

function person(){
    //
}
var person1 = new person;
person.prototype.constructor = 123;
console.log(person1.constructor);//123
console.log(person1.__proto__.constructor);//123

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网