前端封装思想

最新推荐文章于 2024-02-28 11:28:32 发布

一蓑烟雨任平生zyq

最新推荐文章于 2024-02-28 11:28:32 发布

阅读量1.3k

点赞数 2

文章标签：前端 react.js javascript

本文链接：https://blog.csdn.net/weixin_43512918/article/details/123407657

版权

这篇博客展示了如何在 TypeScript 中创建一个名为 TestApi1 的类，该类包含年龄和性别属性以及一个构造函数和 getTestApiMethod 方法。在 React 应用中，演示了如何实例化这个类并调用其方法。通过这种方式，可以理解 TypeScript 类的用法以及它们如何在实际应用中被导入和使用。

摘要由CSDN通过智能技术生成

创建类

class TestApi1 {
    private age: number = 1;
    private sex: string = '女';
    constructor(age: number) {
        this.age = age;
    }
    public getTestApiMethod() {
        if (this.age === 1) {

        } else {

        }
    }
}

export {
    TestApi1,
}

如何使用：

import React from 'react';
import { TestApi1 } from "./testAPI"

class Test extends React.Component<any, any> {
    constructor(props: any) {
        super(props);
        this.state = {

        }
    }
    getTestApiMethod = () => {        
        // 第二种
        let getTestApiMethod1 = new TestApi1(1).getTestApiMethod()
        let getTestApiMethod2 = new TestApi1(2).getTestApiMethod()

    }
    
    render() {
        return (
            <div></div>
        )
    }
}

export default Test