js每日一问(5)

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第15天，点击查看活动详情

一。谈谈this对象的理解

定义：this 关键字是函数运行时自动生成的一个内部对象，只能在函数内部使用，总指向调用它的对象。

同时，this在函数执行过程中，this一旦被确定了，就不可以再更改。

绑定规则：

• 默认绑定

  全局环境中定义的函数，内部this默认指向window

  严格模式下('use strict')，不能将全局对象用于默认绑定，this会绑定到undefined，

• 隐式绑定

  函数还可以作为某个对象的方法调用，这时this就指这个对象

  谁点出该方法，该方法中的this就指向谁

• new绑定

  通过构建函数new关键字生成一个实例对象，此时this指向这个实例对象

  new过程遇到return一个对象，此时this指向为返回的对象

  function fn()  
  {  
      this.user = 'xxx';  
      return {};  
  }
  var a = new fn();  
  console.log(a.user); //undefined
  

  如果返回一个简单类型的时候，则this指向实例对象

  function fn()  
  {  
      this.user = 'xxx';  
      return 1;
  }
  var a = new fn();  
  console.log(a.user); //xxx
  

  注意的是null虽然也是对象，但是此时new仍然指向实例对象

  function fn()  
  {  
      this.user = 'xxx';  
      return null;
  }
  var a = new fn;  
  console.log(a.user); //xxx
  

• 显示修改

  apply()、call()、bind()是函数的一个方法，作用是改变函数的调用对象。它的第一个参数就表示改变后的调用这个函数的对象。因此，这时this指的就是这第一个参数。

箭头函数：箭头函数中没有this，在箭头函数中使用this，会向上层寻找，如果上层没有函数，或者上层函数也是箭头函数，最终this执行window。

二。JavaScript原型，原型链 ? 有什么特点？

原型：JavaScript 常被描述为一种基于原型的语言——每个对象拥有一个原型对象。

当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。

prototype属性，返回构造函数的原型对象。

__proto__属性，返回对象的原型对象。

原型链：原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系常被称为原型链。

它解释了为何一个对象会拥有定义在其他对象中的属性和方法。