关于类constructor和构造函数以及prototype,_proto_之间关系的整理

最新推荐文章于 2024-09-15 11:26:48 发布

eggsy-giser

最新推荐文章于 2024-09-15 11:26:48 发布

阅读量218

点赞数 1

文章标签：原型模式 javascript 前端

本文链接：https://blog.csdn.net/qq_42074266/article/details/126507338

版权

constructor类构造和构造函数的用法区别

constructor是ES6的新功能,用于类class构造如:

class human{
    name;
    #age;
    constructor(name){
        this.name=name;
    }
    sayage(){
        console.log(this.#age);
    }
    sayname(){
        console.log(this.name)
    }
     setage(sage){
        this.#age=sage;
    }
}

tip:JavaScript中没有private定义私有变量,在ES11后添加了#来定义私有变量和方法;

可以使用实例的constructor来返回类如:

let b =new a.constructor('nana')//等同于 let b=new person('nana');

构造函数如:

function person(name,age){
    this.name=name;
    this.age=age;
    sayhello:()=>{
        console.log('hello');
    }
}

与class类构造的区别在于:class必须要new操作符否则会报错,而构造函数可以直接调用但是只会返回函数内return的值,如果没有则为undefined

js类和构造函数的4点差异_高山我梦口香糖的博客-CSDN博客_js中构造函数和类的区别

此处再写一下构造函数和工厂模式的区别:

工厂模式:

//工厂模式，定义一个函数创建对象
function creatPerson (name, age) {
    var person = new Object(); 
    person.name = name;
    person.age = age;
    person.sayName = function () {
        alert(this.name);
    };
    return person; 
}

构造函数:

//构造函数模式，为对象定义一个构造函数
function Person (name, age) {
    this.name = name;
    this.age = age;
    this.sayName = function () {
        alert(this.name);
    };    
}

/*

工厂模式就是批量化生产，简单调用就可以进入造人模式（啪啪啪……）。

指定姓名年龄就可以造一堆小宝宝啦，解放双手。

但是由于是工厂暗箱操作的，所以你不能识别这个对象到底是什么类型、

是人还是狗傻傻分不清（instanceof 测试为 Object），

另外每次造人时都要创建一个独立的temp对象，代码臃肿，雅蠛蝶啊。

*/