补充：
1.箭头函数： ES6 中声明函数的一种方式，更简短的函数并且不绑定 this。
var f = ([参数]) => 表达式（单一）
// 等价于以下写法
var f = function([参数]){
return 表达式;
}
箭头函数的基本语法如下：
(参数1, 参数2, …, 参数N) => {
函数声明 }
(参数1, 参数2, …, 参数N) => 表达式（单一）
//相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }
// 当只有一个参数时，圆括号是可选的：
(单一参数) => {
函数声明}
单一参数 => {
函数声明}
// 没有参数的函数应该写成一对圆括号。
() => {
函数声明}
2.复习类中的this指向
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
class Person
{
constructor (name,age){
this.name = name;
this.age = age;
}
speak()
// speak方法放在类的原型对象上，供实例使用
// 通过person实例调用speak时，speak中的this就是person实例
{
console.log(this)
}
}
const p1 = new Person('小明',18)
p1.speak()//通过实例调用speak
</script>
</body>
</html>
3.setState的使用
至此，已经实现了点击切换状态
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compati
最低0.47元/天 解锁文章
扫一扫
486
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
