js原型和原型链详解

原型和原型链详解

原型是js学习的一个难点，如果学习不深入，会特别头疼。查过很多资料对原型有了较深的了解，今天就谈下我对原型的认识。

1.原型对象

我们所创建的每一个函数，解析器都会向函数添加一个属性prototype，这个属性对应一个对象，这个对象就是我们所说的原型对象。
当函数以构造函数的形式调用时，他所创建的对象中都有一个隐含的属性指向该构造函数的原型对象，我们可以通过_proto_来访问该属性。
原型对象就相当于一个公共的空间，所有的同一类中的实例都可访问到这个原型对象
因此，我们可以将对象共有的内容都统一的设在原型对象中。
## 2.构造函数
说到原型，就不得不提到构造函数。

什么是构造函数

  在 JavaScript 中，用 new 关键字来调用的函数，称为构造函数。构造函数首字母一般大写。

下面看一个例子

function fun(){
var name;
var say;
}
fun.prototype.name="小明"；
fun.prototype.say=function(){
  alart("我是小明")；
}
var Fun =new fun();
console.log(Fun.name);
Fun.say();
//通过原型增加的属性或方法的确是存在的.

运行结果展示：

补充：函数对象本身的属性和方法的优先级要高于原型的属性和方法；

function fun(){
var name="小红";
var say=function(){
alarat("我是小红")};
}
fun.prototype.name="小明"；
fun.prototype.say=function(){
  alart("我是小明")；
}
var Fun =new fun();
console.log(Fun.name);
Fun.say();
//运行结果
//我是小红，可以得出函数对象本身的属性和方法的优先级要高于原型的属性和方法；

原型链

javascript对象有一个指向一个原型对象的链。当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象原型的原型，一次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾
总结：
1.通过原型增加的属性或方法的确是存在的.
2.函数对象本身的属性和方法的优先级要高于原型的属性和方法
3.原型对象就相当于一个公共的空间，所有的同一类中的实例都可访问到这个原型对象。