箭头函数与普通函数区别 == es6中的class与继承

箭头函数与普通函数区别

一、箭头函数是匿名函数，不能作为构造函数，不能使用new

箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式：一种只包含一个表达式，连{ … }和return都省略掉。还有一种可以包含多条语句，这时候就不能省略{ … }和return。

不能作为构造函数，不能使用new

二、箭头函数内没有arguments，可以用展开运算符…解决

三、箭头函数的this，始终指向父级上下文（箭头函数的this取决于定义位置父级的上下文，跟使用位置没关系，普通函数this指向调用的那个对象）

var a=200;

let obj={
   
    a:100,
    fn:function(){
      //es5 谁调用，this指向谁
        console.log(this.a);
    },
    foo:()=>{
      //  es6箭头函数的this指向父级(obj)上下文。
        console.log(this.a)
    }
}

obj.fn();// 100;  
obj.foo();//200

四、箭头函数不能通过call() 、 apply() 、bind()方法直接修改它的this指向。(call、aaply、bind会默认忽略第一个参数，但是可以正常传参)

五、箭头函数没有原型属性

============================================================================

es6中的class与继承

前言：

传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向对象语言来讲，独树一帜也可以说难以接受！

ES5中的类

ES5中如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。

示例：

//构造函数名大写（非强制，但这么写有助于区分构造函数和普通函数）
function Person(name,age) {
   
    this.name = name;
    this.age=age;
}
Person.prototype.say = function(){
   
    return "我的名字叫" + this.name+"今年"+this.age+"岁了";
}
var obj=new Person("tom",88);//通过构造函数创建对象，必须使用new 运算符
console.log(obj.say());//我的名字叫tom今年88岁了

构造函数生成实例的执行过程：

1.当使用了构造函数，并且new 构造函数(),后台会隐式执行new Object()创建对象;
2.将构造函数的作用域给新对象，（即new Object()创建出的对象），
  而函数体内的this就代表new Object()出来的对象。
3.执行构造函数的代码。
4.返回新对象（后台直接返回）;

ES6中的类

ES6引入了class（类）这个概念，通过class关键字可以定义类。该关键字的出现使得javascript在对象写法上更加清晰，更像是一种面向对象的语言。

将之前的代码改为ES6的写法：

class Person{
   //定义了一个名字为Person的类
    constructor(name,age){
   //constructor是一个构造方法，用来接收参数
        this.name = name;//this代表的是实例对象
        this.age=age;
    }
    say(){
   //这是一个类的方法，注意千万不要加上function
        return "我的名字叫" + this.name+"今年"+this.age+"岁了";
    }
}
var obj=new Person