摘要: 函数类型 书写完整函数类型 函数类型包含两部分:参数类型和返回值类型。 let myAdd: (x: number, y: number) => number = function(x: number, y: number) { return x + y } 推断类型 在赋值语句的一边指定了类型但是 阅读全文
posted @ 2021-11-10 13:17 webLion200 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 属性检查 类接口带有几个确定的属性,同时还会带有其他不确定的属性时,可如下定义: interface SquareConfig { color?: string width?: number [propName: string]: any } 使用类型断言(as)跳过检查 let mySquare 阅读全文
posted @ 2021-11-10 13:17 webLion200 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 继承 class Animal { move(distance: number = 0) { console.log(`Animal moved ${distance}m.`) } } class Dog extends Animal { bark() { console.log('Woof! Wo 阅读全文
posted @ 2021-11-10 13:16 webLion200 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 布尔值 let isDone: boolean = false 数字 let decLiteral: number = 20 let hexLiteral: number = 0x14 let binaryLiteral: number = 0b10100 let octalLiteral: num 阅读全文
posted @ 2021-11-10 13:15 webLion200 阅读(36) 评论(0) 推荐(0) 编辑
摘要: instanceof主要用于判断某个实例是否属于某个类型,也可用于判断某个实例是否是其父类型或者祖先类型的实例。 instanceof 主要的实现原理就是只要右边变量的 prototype 在左边变量的原型链上即可。因此,instanceof 在查找的过程中会遍历左边变量的原型链,直到找到右边变量的 阅读全文
posted @ 2019-02-12 22:50 webLion200 阅读(3251) 评论(0) 推荐(0) 编辑
摘要: 关键字new在调用构造函数的时候实际上进行了如下的几个步骤: 1. 创建一个新的对象 2. 将构造函数的作用域赋值给这个新的对象(因此this指向了这个新的对象) 3. 执行构造函数中的代码(为这个新对象添加属性) 4. 返回新对象 我们写一个函数,命名为objectFactory,来模拟new的效 阅读全文
posted @ 2019-02-12 13:37 webLion200 阅读(4303) 评论(0) 推荐(0) 编辑
摘要: call, apply, bind都是改变函数执行的上下文,说的直白点就是改变了函数this的指向。不同的是:call和apply改变了函数的this,并且执行了该函数,而bind是改变了函数的this,并返回一个函数,但不执行该函数。 看下面的 例子1: 由此可见,在stu上添加一个属性doThu 阅读全文
posted @ 2019-02-12 13:33 webLion200 阅读(2427) 评论(0) 推荐(0) 编辑
摘要: 容器组件和展示组件 在上一讲的实例中可以发现,一个React组件基本上就完成两个功能: 和store打交道,计算state 渲染用户界面 拆分组件有一个原则,就是要让每个组件只承担一个功能,如果发现一个组件承担的事情太多,就要继续划分这个组件。 通常,我们把一个组件划分为容器组件和展示组件。容器组件 阅读全文
posted @ 2018-08-15 16:57 webLion200 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 在大型项目中,如果完全使用react管理数据将会是一件很麻烦的事情。这一章,我们将介绍如何使用redux来管理你的应用状态。 Redux的基本原则 我们知道,react的数据都是“单向数据流”,即由父组件往子组件一层一层的传递。redux在此基础上又强调了三个基本原则: 唯一数据源 保持状态只读 数 阅读全文
posted @ 2018-08-15 13:35 webLion200 阅读(210) 评论(0) 推荐(0) 编辑
摘要: React组件的数据分两种,prop和state,prop或state的改变都会引发组件的重新渲染。prop是组件的对外接口,state是组件的内部状态,对外用prop,对内用state。 React的prop 当外部世界要传递数据给React组件,最直接的方式就是通过prop;同样,React组件 阅读全文
posted @ 2018-08-07 20:25 webLion200 阅读(546) 评论(0) 推荐(0) 编辑