当前位置：网站首页>三十一. `prototype`显示原型属性和`proto`隐式原型属性

三十一. `prototype`显示原型属性和`proto`隐式原型属性

2022-04-23 20:21:00 【这不比博人传燃？】

这个是属于js中的知识。

1. js中创建对象的几种（4种）方式：

我们先来了解一下js中创建对象的几种（4种）方式：

通过Object()方法来创建
通过字面量法创建对象
通过自定义函数创建对象
通过工厂模式创建对象

参考：https://blog.csdn.net/dearzhuoer/article/details/84574140
我们来看看第三种方式你就知道了——通过函数创建！！！
什么意思？函数就是对象？不错！！！

2. 函数就是对象？

在js中对象就是神一般的存在，什么都是对象（包括函数），你就这么理解好了。
我们创建的每一个函数，解析器都会向函数中添加一个属性prototype（除了一些内建函数）。这个属性是一个指针，指向一个原型对象。（也可以这个属性对应这个一个原型对象——prototype:原型对象）
若这个函数作为普通函数，则这个prototype属性没有任何作用；但若这个函数作为构造函数用于创造对象，则这个对象会有一个隐含属性__proto__，这个隐含属性__proto__也指向这个原型对象。
所以有了以下结论：构造函数名.prototype=对象名.__proto__

参考：https://blog.csdn.net/dong001687/article/details/81836575

3. `prototype`和`proto`

prototype：显示原型属性
__proto__：隐式原型属性
至于为什么一个显示，一个隐式，看了上面第二点我们也知道了。prototype可见，__proto__不可见。

4. 举例：

function Mytest(name,age){
    
    this.name = name;
    this.age = age;
}

var xiaoming = new Mytest('小明',18) 
console.log(Mytest.prototype) //{constructor: ƒ}
console.log(xiaoming.__proto__) //undefined
console.log(Mytest.prototype==xiaoming.__proto__) //true