1、原型

原型是function对象下的属性，它定义了构造函数的共同祖先，也就是一个父子级的关系，子对象会继承父对象的方法和属性

• prototype是函数下的属性，对象想要查看原型使用隐式属性__Proto__

• constructor指向构造函数
• 自己身上有属性，原型上也有属性，取近的，用自己的
  

通过给原型添加属性，可以让所有的实例化对象共享属性和方法

Car.prototype = {
 height : 1400,
 lang : 4900,
 carName : 'BMW'
}
function Car() {
}
var car = new Car();

2、原型链

每个实例对象下都有__proto__属性，通过属性__proto__指向构造函数的原型对象，当到达末端时，返回null，这样一层一层向顶端查找，就形成了原型链

prototype是函数特有的， __proto__是对象有的，js中万物皆对象

prototype和——proto——区别与作用

• prototype把共有属性预先定义好，给之后对象使用
• prototype的存在实现了继承，节省内存空间
• __proto__是对象的，prototype是函数的，因为函数也是对象，所以函数也有__proto__ ；
• __proto__的作用是就是当访问一个对象的属性时，如果该对象内部不存在这个属性，那么就会沿着它的**__proto__**属性所指向的那个对象（父对象）里找，也就是原型链
• prototype的作用是就是让该函数所实例化的对象们都可以找到公用的属性和方法

__proto__对象原型的意义就在于为对象的查找机制提供一个方向，或者说一条路线，但是它是一个非标准属性，因此实际开发中，不可以使用这个属性，它只是内部指向原型对象 prototype

2.1 constructor构造函数

constructor属性存在于__proto__和prototype，它指向构造函数本身

一般情况下，对象的方法都在构造函数的原型对象中设置。如果有多个对象的方法，我们可以给原型对象采取对象形式赋值，但是这样就会覆盖构造函数原型对象原来的内容，这样修改后的原型对象 constructor 就不再指向当前构造函数了。此时，我们可以在修改后的原型对象中，添加一个 constructor 指向原来的构造函数。

问题 :修改了函数的原型对象，constructor的指向是谁

 function Star(uname, age) {
     this.uname = uname;
     this.age = age;
 }
 // 很多情况下,我们需要手动的利用constructor 这个属性指回 原来的构造函数
 Star.prototype = {
 // 如果我们修改了原来的原型对象,给原型对象赋值的是一个对象,则必须手动的利用constructor指回原来的构造函数
   constructor: Star, // 手动设置指回原来的构造函数
   sing: function() {
     console.log('我会唱歌');
   },
   movie: function() {
     console.log('我会演电影');
   }
}
var zxy = new Star('张学友', 19);
console.log(zxy)

在修改函数原型时，因为Star.prototype就是一个对象，所以constructor指向构造这个对象的原型，也就是object

2.2 call/apply

通过call``apply可以改变this的指向，借用别人的函数完成自己的功能

区别：call传多个参数 apply传一个参数数组

function Person(name,age,sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
}
function Student(name,age,sex,tel,grade) {
    //var this = {name: "lin", age: "19", sex: "male", tel: 123, grade: 78}
    Person.call(this,name,age,sex);//通过call改变this的指向这个函数
    //Person.apply(this,[name,age,sex])
    this.tel = tel;
    this.grade = grade;
}
var student = new Student('lin','19','male',123,78);

2.3 new()

• 创建一个空对象
• 构造函数的this，继承函数原型
• 让this指向构造函数的对象实例，执行构造函数内容为新对象添加属性和方法
• 返回this
  

var obj = {}//创建空对象
obj.__proto__ = Person.prototype;//继承作用域
Person.call(obj,)//改变this指向
//这三步是隐式的
var person = new Person();//new操作

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 小程序生命周期和WXS相关知识有哪些，怎样用的

  小程序生命周期和WXS相关知识有哪些，怎样用的？有不少朋友对此感兴趣，下面小编给大家整理和分享了相关知识和资料，易于大家学习和理解，有需要的朋友可以借鉴参考，下面我们一起来了解一下吧。

• JavaScript怎样删除set中的元素？教你两个方法

  这篇文章我们来了解JavaScript怎样删除set中的元素，这里给大家分享两个方法，分别是delete()方法和clear()，那么它们有何不同呢？实现代码怎样写？下文有很详细的介绍，有需要的朋友可以参考，接下来就跟随小编来一起学习一下吧！

• js中class的用法是什么？一文带你快速了解

  这篇文章给大家分享的是有关js中class怎么用的内容。js中class的用法是比较重要的内容，因此分享给大家做个参考，接下来一起跟随小编看看吧。

• 在Linux中卸载安装node的操作分别是怎样的

  这篇文章主要介绍了linux服务器快速卸载安装node环境(简单上手)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• JS中数字取整有哪些方法，用法是什么？

  JS中数字取整有哪些方法？有时候我们需要去掉数字的小数部分，取整输出，这有什么方法呢？在JavaScript中我们能向下、向上和四舍五入取整，具体的方法及实现是什么呢？感兴趣的朋友就继续往看吧。