js 自定义构造函数

js 自定义构造函数

• 自定义构造函数
• 根据固定的模板，创建一个对象，创建的对象有构造函数规定的属性和方法。
• 潜规则：构造函数的首字母需要大写

  <script>
        //自定义构造函数
        //就是根据固定的模板，创建一个对象，创建的对象有构造函数的属性和方法
        //潜规则：首字母大写的函数就是构造函数

        function Cat(name, age) {
            this.name = name; //this.后面的变量可以随意取名
            this._age = age //潜规则：下滑线开头的属性为私有属性，不能直接调用，需要方法调用
            //但浏览器是没有办法，限制直接调用的，需要靠自觉
        }
        Cat.prototype.jiao = function () {//构造函数的方法 每个函数都有一个prototype属性，其值是一个对象
            console.log(this.name + '喵~~~~喵~~~喵~~~~')//在prototype上的属性和方法，会被这个函数new的对象所共享
        }
        let c1 = new Cat('小喵', '18');//调用构造函数的时候，要用new操作符来创建对象
        console.log(c1)
        //new的时候浏览器做了哪些事情
        //1.创建了一个对象
        //2.对象有一个属性__proto__ 其值为prototype
        //3.构造函数里的this指向这个new创建的对象
        //4.执行构造函数
        //5.返回这个对象


        c1.jiao();//访问一个对象的属性和方法，先在对象本身上查找
        //如果找到，则返回，如果找不到的话，就在对象的__proto__上面进行查找
        //一直到__proto__的值为null


        //所有对象的父级为Object
        //所以，如果在Object的prototype上创建方法，那么这个方法会由所有的对象共享
        Object.prototype.ha = function () {
            console.log('我是Object下的ha方法');
        }
        c1.ha();
    //如果有两个同名的方法，会在自下而上的查找过程中，先发现那个，就调用那个
    </script>

下面用一张图来看一下自定义函数的查找方法的过程