JS面向对象和构造函数

面向对象编程 需要我们掌握 对象 类 实例
对象：万物皆对象
类：对象的具体细分 （按照功能特点进行分类：大类丶小类）
实例：类中具体的一个事物 （拿出类别中具体一个实例进行研究，那么当前类别下的其它例也具备这些特点和特征）
整个JS 就是基于面向对象设计和开发出来的语言，我们学习和实战的时候也要按照面向对象的思想去体会和理解。
JS中的内置类

基于基类我们可以创建很多自己的类（自定义的类）。
构造函数constructor

 /*function Fn() {

    }
    fn(); ==>普通函数执行
    var f = new Fn(); //Fn是类  f是类的实例
    var f2 = new Fn()*/;//f2也是Fn 的实例  f2和f 是独立分开的，互不影响。

    var obj1 = {};//obj1是Object的一个实例
    var obj2 = {};//obj2是Object的一个实例
*/

这里需要注意：

1.在普通函数执行的基础上"new xxx()" 这样就不是普通函数执行了，而是构造函数执行，当前的函数名称之为"类名"，接收的返回结果是当前类的一个实例

2.自己创建的类名最好第一个单词首字母大写

JS中创建值有两种方式

1.字面量表达式

   var obj = {};// 字面量方式
   var obj = new Object();// 构造函数模式
    //无论哪一种方式创造出来的都是Object类的实例，而实例之间是独立分开的，所以 var xxx={}； 这种模式就是JS中的单利模式。
     var num1 = 12;
    var num2 = new Number(12);
    //基本数据类型基于两种 不同模式创建出来的值是不一样的
    //基于字面量方式创建出来的值是 基本类型值
    //基于构造函数创建创建出来的值是引用类型
    console.log(typeof num1);//"number"
    console.log(typeof  num2);//"Object"
  //共同点 num1 num2 是数字类的实例 它只是JS表达数字的方式之一，都可以使用数字类提供的属性和方法

2.构造函数模式

  function Fn() {
         }
     Fn();//=>普通函数执行  形成一个私有的作用域 形参赋值 变量提升 代码执行  栈内存问题
    //构造函数执行
    function Fn(name,age) {
        var n = 10;
        this.name = name;
        this.age = age + n;
    }
    var f1=  new Fn('xxx', 20);
    var f3 = new Fn('aaa', 30);
    console.log(f1 === f3);//false 两个不同的实例
    console.log(f1.age);// 30
    console.log(f3.name);// 'aaa'
    console.log("name"in f1);// 返回true。 name & age在两个不同实例中都有存储，但都是每个实例自己私有的属性
    console.log(f1.n);// undefined  只有this.xxx=xxx才和实例有关系，n是私有作用域中的一个私有变量而已（this是当前类的实例）*/
    /*

下面是关于构造函数运行的机制

一些细节问题

   构造函数 执行， 不写return 浏览器 会默认返回创建的实例，但是如果写了return
      1.return 一个基本值，返回的结果依然是类的实例，没有受到影响
      2.如果返回的是引用值，则会把默认返回的实例覆盖，此时结果就不在是当前类的实例
     */

    function Fn () {
        var n=10;
        this.m=n;
        return {name:"jojo"}
    }
    var f=new Fn();
    console.log(f);// {name: "jojo"}name: "jojo"
     function Fn () {
      var n=10;
      this.m=n;
      return
      console.log(1);//=> 这样return 是结束代码执行的作用，并且不会覆盖返回的实例
  }

var f=new Fn();//==> new Fn;在构造函数执行时，如果Fn不需要传递实参，我们可以省略小括号，意思还是创建实例（和加小括号没有区别）
  console.log(f);
    // =>instanceof: 检测某一个实例是否隶属于这个类
  console.log(f instanceof Fn);// true
  console.log(f instanceof Object);// true (万物皆对象， 所有的对象，包含创建的实例都是Object的实例)
//in 检测当前对象是否存在某个属性 （不管当前这个属性 是对象的私有属性还是公有属性  只要有结果都是true）

//hasOwnProperty:检测当前属性是否为对象的私有属性（不仅要有这个属性，而且必须还要是私有才可以）