js构造函数和普通函数的区别

普通函数好理解,我们用一个形象的例子理解一下构造函数,构造函数是把一个函数实例化成对象object

有人想要造一千个金币，并且要每个金币上面刻有不同的编号，最简单的方法就是，造一个金币的模子，然后再各自刻各自的编号， 构造函数就是这个金币的模子，你每次new一下，就是造一个金币,这个模子就是构造函数,造的这个金币就是原型对象.

构造函数和普通函数的主要区别如下:

(1)命名上的区别

首先在命名规则上，构造函数一般是首字母大写，普通函数遵照小驼峰式命名法。

peopleAge(); //普通函数
new Peopleage(); //构造函数

(2)调用方式不一样

   普通函数的调用方式：直接调用 person();

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

(3)返回值类型不一样

普通函数的返回值类型是由return决定的 ,返回的是什么类型就是什么类型
构造函数的返回值为对象实例object

构造函数的返回值：

有一个默认的返回值，新创建的对象（实例）；

当手动添加返回值后（return语句）：

1.返回值是基本数据类型-->真正的返回值还是那个新创建的对象（实例）

2.返回值是复杂数据类型（对象）-->真正的返回值是这个对象

整理区别

     构造函数：1. new Fn( )  //new调用

                     2 .构造函数内部会创建一个新的对象，如f的实例

                     3. 函数内部的this指向 新创建的f的实例

                     4. 默认的返回值是f的对象实例 - object

     普通函数：1. fn( )   //直接调用

                     2. 在调用函数的内部不会创建新的对象

                     3. 函数内部的this指向调用函数的对象（如果没有对象调用，默认是window）

                     4. 返回值由return语句决定 -如果是字符串就是字符串 是数值就是数值

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

案例:普通函数和构造函数

    //普通函数
    function fn(){
      //封装一些功能
      return 100;
    }
    var res = fn();
    console.log(res);  //结果为100

    //构造函数  把函数变成了对象
    function Person(){
      
    }
    //实例化 将函数实例化 得到了一个对象
    var obj = new Person();
    console.log(obj); //结果为Person {}  它不是函数调用,变成了对象

     var obj = {"age":40};
     
     
     //构造函数具体用法
     
         var a = 1,b=2;
    function Person(n,a,s){
      //this 给实例化的对象 定义属性方法
      this.name = n;
      this.age = a;
      this.sex = s;
      this.aihao = function(){

      }
    }

    var obj = new Person('zhangsan', 30, '男');
    console.log(obj);

    var obj2 = new Person('lisi', 40, '女');
    console.log(obj2);

内置构造函数

//object string array 

ar obj = new Object();

var str = new String('abc');

str.slice(0,1)

Math不是构造函数,它可以直接用

Math.random()

包装对象:字符串、数字、布尔值， 可以不用先转化为对象类型，直接可以调用对应内置的方法

    var str = 'dsfds';

    str.slice(0,1);

var date = new Date();  //叫实例对象   通过new关键字得到的,这个过程叫实例化
 var obj = {"age":30}; // 叫字面量对象

构造函数的执行流程

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

  B、将新建的对象设置为函数中的this

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

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