2021年01月_小菜鸟学代码··

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 React生命周期函数

React生命周期函数 (旧) class Count extends React.Component{ //构造器 constructor(props){ console.log(props) super(props) //初始化状态 this.state={count:0} } //加1按钮的回调 add=()=>{ //获取原状态 const {count}=this.state //更新状态 this.setState({count:count+1})

2021-01-18 22:39:12 137

原创 TS泛型浅用

TS泛型泛型可以创建可重用的组件,一个组件可以支持多种类型,解决类,接口,方法的复用性,以及对不确定数据类型的使用 class MinCla<T>{ public list:T[]=[]; add(value:T):void{ this.list.push(value) } min():T{ var minNum=this.list[0]; for(var i=0;i<this.list.length;i++

2021-01-07 21:45:52 5090

原创 TS中的接口

TS中的接口接口也是定义标准,他比抽象类更加全面 1.属性接口 function printLabel(labelInfo:{label:string}):void{ console.log('对传入参数约束'); } // printLabel('aaa')//错误写法 printLabel({label:'aaa'})//传入参数必须是以label为属性名的对象对批量方法进行约束可选属性接口 firstName?: string; //定义标准 interface FullName {

2021-01-05 23:32:07 2872 3

原创 Typescript中的类

Typescript中的类这里简单提下this 指向普通函数this指向全局window(注意在严格模式下是undefined,也就是说TS下普通函数的指向是undefined),构造函数this指向当前函数普通函数谁调用就指向谁 ES5回顾类 function Person(){ this.name='张三'; this.age=20 console.log(this);//指向当前类person,因为他是构造函数 } Person.getInfo=function ()

2021-01-04 21:33:38 155