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>
下面用一张图来看一下自定义函数的查找方法的过程