普通函数与构造函数的区别

本文介绍了JavaScript中的构造函数与普通函数的区别,包括调用方式和作用。构造函数用于创建新对象,调用时需使用new关键字,而普通函数直接调用。文章还通过示例展示了如何使用构造函数创建对象并使用instanceof进行类型判断。
摘要由CSDN通过智能技术生成

构造函数也是一个普通函数,创建方式和普通函数一样,但构造函数习惯上首字母大写。普通函数使用驼峰式书写方式(首字母小写,第二个单词开始首字母大写)。

构造函数和普通函数的区别在于:调用方式不一样。作用也不一样(构造函数用来新建实例对象)

        调用方式不一样。

     a. 普通函数的调用方式:直接调用 person();

     b.构造函数的调用方式:需要使用new关键字来调用 new Person();

构造函数的函数名与类名相同:Person( ) 这个构造函数,Person 既是函数名,也是这个对象的类名

        构造函数的执行流程

      A、立刻在堆内存中创建一个新的对象

      B、将新建的对象设置为函数中的this(隐式绑定)

      C、逐个执行函数中的代码

      D、将新建的对象作为返回值

①var per  =funciton(){};与②function per(){};的区别

别①需要等执行到这行赋值语句时,per函数才生效,否则是undefined

    ②则不需

普通函数

    function person(){};
    var per = person();
    console.log(per); //没有返回值,所以返回defined

 构造函数

    function Person(){};
    var per = new Person();
    console.log(per);     //构造函数会马上创建一个新对象,并将该新对象作为返回值返回

instanceof 作类型判断

    function Person(name, age, gender){
        this.name = name;
        this.age = age;
        this.gender = gender;
    };
    var per = new Person('张三', 30, '男');
    console.log(per);
    console.log(per.name);
    console.log(per.age);
    console.log(per instanceof Person);    //true

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值