构造函数

  构造函数就是一个普通的函数,创建方式和普通函数没有区别

   不同的是:

     构造函数习惯首字母大写

     调用方式不同:

      普通函数直接调用       //   fun2( ) ;   

      构造函数需要使用new关键字来调用    //   new Person( ) ;

   构造函数的执行流程:

     1.立即创建一个新的对象

     2.将新建的对象设置为函数中this,在构造函数中可以使用this来引用新建的对象

     3.逐行执行函数中的代码

     4.将新建的对象作为返回值返回

   注意:使用同一个构造函数创建的对象,我们成为一类对象,也将一个构造函数成为一个类

      我们将通过一个构造函数创建的对象,称为是该类的实例

   例:

    function  Person( name,age,gender ){

      this . name = name;

      this . age = age;

      this . gender = gender;

      this . sayName = function ( ) {

        alert( this . name );

       }

    }

    var  per  =  new  Person( '李明',10,'男') ;

    var dog = new Dog( );

    console . log ( per ) ;

    使用 instanceof 可以检查一个对象是否是一个类的实例

    语法:

      对象   instanceof    构造函数

      如果是返回 true,否则返回 false

    console . log( per  instanceof  Person ) ;

    所有的对象都是 Object 的后代,所以任何对象和Object在instanceof检查时都会返回true

    this的情况:

      1.当以函数的形式调用时,this是window    // fun( );      this是window

      2.当以方法的形式调用时,谁调用方法this就是谁    //  obj . fun( ) ;    this是obj

      3.当以构造函数的形式调用时,this就是新创建的那个对象   //  var dog = new Dog( ) ;    this是dog

    在Person构造函数中,为每一个对象都添加了一个sayName方法,

    目前我们的方法是在构造函数内部创建的,也就是构造函数每执行一次就会创建一个新的sayName方法

    所有实例的sayName都是唯一的,这就导致了构造函数执行一次就会创建一个新的方法

    执行1000次就会创建1000个新的方法,而1000个方法都是一模一样的

    这是完全没有必要的,完全可以使所有的对象共享同一个方法

    优化案例:

      function Person(name,age,gender){

        this . name = name;

        this . age = age;

        this . gender = gender;

        this . sayName = fun2;

      }

      //  将sayName方法在全局作用域中定义,这样在函数执行时,就不会自动创建该方法

      function fun2( ){

        alert("Hello大家好,我是:"+this . name );  //   Hello大家好,我是:孙悟空

      };

      var  per = new Person( ' 孙悟空 ',18,' 男 ' ) ;

    

原文地址:https://www.cnblogs.com/qtbb/p/11244465.html