es6学习

一、常用方法：
1.模板字符串

// es6 1.模板字符串，拼接字符串使用 ${变量名}
var name = '小明', age = '83';
var str = `${name}今年${age}, 下午我们去吃鸡`
console.log(str)

2.箭头函数

// 2.箭头函数
// es5写法: function 函数名() {}
// es6写法：var 函数名 =() =>{}
var func = (a,b) => {
    return a+b
}
alert(func(2,3))

3. 对象的单体模式

var person2 = {
    name:'小明',
    age:18,
    fav(){
    console.log(this)
}
}
person2.fav()

4.声明变量 let
var a = 12 等价于 let a =12
声明常量–>不变的数,不能被修改的量 const a=12

二、面向对象

1. 构造函数

//es5中的面向对象,构造函数
function Animal(name, age){
    this.name = name;
};
    // 给父类添加方法：prototype.函数名
    Animal.prototype.showName = function(){
        alert(this.name)
    };
var d = new Animal('小黄', 10)
d.showName()

// es6中的面向对象 class 方式创建单体模式：使用constructor 函数构造类方法与属性
class Cat{
    //constructor 构造器
    constructor(name, age){
        this.name = name;
        this.age = age;
    }
    showName(){
        alert(this.name)
    }
    showAge(){
        alert(this.age)
    }
}
var c = new Cat("咪咪", 12)
c.showAge()
c.showName()