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

JavaScript 面向对象(随笔)

程序员文章站 2022-03-07 10:11:11
构造函数创建对象 1 构造函数是用new创建对象时调用的函数,与普通唯一的区别是构造函数名应该首字母大写。 2 构造函数可以接受参数 如果没有参数,可以省略括号 如果忘记使用new操作符,则this将代表全局对象window。通常这种情况下会容易发生很多错误。 一定要小心。 instanceof(实 ......

构造函数创建对象

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