js 箭头函数 没有独立作用域演示

没有独立作用域

var obj = {
    
    
  commonFn : function() {
    
    
    console.log(this)
  },
  arrowFn : () => {
    
    
    console.log(this)
  }
}
第一个打印 obj 本身
第二个打印出 window 的作用域

obj.commonFn(); //this 指向 它的调用者obj  作用域
obj.arrowFn(); //这个 function 没有作用域, 所以和 obj 共享一个作用域, obj 在 window 下的, 所以它的 this 指向 obj 所在作用域, window

不能用作构造函数

let Animal = function (){
    
    

}
let animal = new Animal()
console.log(animal)

打印出大的 Animal 对象//Animal {}__proto__: constructor: ƒ ()__proto__: Object
就是调用了大 Animal 构造函数
----------------
换成箭头函数
let Animal = () => {
    
    
}
let animal = new Animal()
// 报错 Animal is not a constructor at <an,...>
说明箭头函数没有构造方法

没有 prototype

let commonFn = function() {
    
    };
let arrowFn = () => {
    
    };

console.log(commonFn.prototype) // {constructo: f} 有 prototype 并且指向 constructor
console.log(arrowFn.prototype) // undefined 所以箭头函数没有 prototype, 所以也不能在它的 prototype 上添加方法