react(Ts)

最新推荐文章于 2024-04-23 11:09:30 发布
最新推荐文章于 2024-04-23 11:09:30 发布
阅读量556 收藏
点赞数
分类专栏： Ts基础 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Codeman_H/article/details/111480991
版权

定义Ts变量
var 是一个函数体的作用域
let 定义变量，限制变量的作用范围。防止变量的重复定义(相同类型)
const 定义及赋值

定义数组有两种方法:
1.let myArr: number[] = [123,456]
2.let myArr: Array = [‘1’,‘2’]

元组类型 tuple
跟数组差不多，但是里面的元素是可以多个类型，编译出来的javaScript也是数组，
元素的个数是固定的，顺序不能变

函数指向返回值的类型
可以让调用的地方知道是什么类型的返回，以便进行处理

默认参数（=），可选参数（？），一般放到参数后面
默认参数可以不指定类型，会自动判断和计算

慎用any类型，可能会自己判断类型

类 class
class(模板) new 对象
数据(data) 行为(action) 行为可能是对数据进行操作

class继承
继承父类的数据和方法，就是属性和方法
调用方法是，先找自己本身对象的方法，如果没有就去找父级的
super代表父级

三个修饰符对成员属性和方法进行修饰
修饰符
public 公共的 任何属性和方法都可以在生成的对象中调用，默认就是public,只是省略了
private 私有的 ， 只有在内部对象内才能访问，生成的对象调用不了，
要调用私有方法和属性，可以在class里定义public的方法来调用
继承的对象也是不能够直接用生成的对象来访问
子类继承的时候也可以几层是由的属性和方法，也是要通过class里定义的public的方法来调用

protected收保护的，只有字啊内部class还有子类才能访问，生成的对象访问不了
要调用私有方法和属性，可以在class里定义public的方法来调用
继承的对象也是不能够直接用生成的对象来访问
子类继承的时候也可以几层是由的属性和方法，也是要通过class里定义的public的方法来调用
（这点根其他的语言有些不太一样）

private protecred 在子类的时候

权限范围 public >protected> private

construcror 构造方法
如果申明为protected
或者privote , 当前类不能 new
当父类申明为protected,子类重写constructor 方法后可以 new (子类可以new)
如果父类申明为private,子类不能new和extends
super在constructor 方法中是调用父类的构造方法，必要时，要传入参数
作用
1.但不想被实例化，而指向让子类继承后实例化，申请为protected的时候
2.都不想让子类和父类数理化或继承，可以申请为private
3.一般情况系，申请为public(或者不写)

Static 静态属性和方法
通过类似Person加方法名或属性来调用（比如Person.age）
默认是申明为public
如果是protected或private的话，当前类都不能调用，通过public的静态方法来调用
如果父类是protected或private的话，子类也能继承所有的静态方法和属性
子类还是不能调用protected或private方法和属性，只能通过public来调用
子类定义的方法（public）只有是父类定义为public或protected的才能访问，private的不能访问

枚举类型
它的值是数字序号，从 0 开始
代码可读性强
可能会常用于下拉框等应用

筱尤男
关注
专栏目录
React ts 引入iconfont图标方法以及注意事项
TiAmo ????的博客
07-20 1263
react vue ts 引入阿里iconfont图标方法，引入不生效问题
react---私有路由和权限判断（PrivateRoute + withRouter）
DcTbnk的博客
08-04 2662
me PrivateRoute.jsx 私有路由 import React from "react"; import { Route, Redirect } from "react-router-dom"; function PrivateRoute(props) { const isLogin = localStorage.getItem("token") ? true : false; return isLogin ? ( <Route path={props.p
ts类中的private和protected区别
晴天有何特别
09-25 8697
ts类中的private和protected区别 private 私有的。表示最隐私，最不能为外人知道的。 在类中如果声明一个属性为私有，则表示这个属性仅仅属于这个类。 仅仅能在这个类中进行在这个属性的访问。在子类和类的实现的对象中都不能访问。在子类可以通过调用使用这个属性的方法来间接来使用这个属性。 protected 被保护的。针对 对象。因为一个类可以化身为好多好多的对象。对于一些这些对象应...
react开发笔记
lishixiang007的博客
12-28 170
react FACEBOOK 框架 虚拟DOM 组件化开发 原生JS的框架 (ES6+原生javascript) 优点 极速的渲染能力 虚拟DOM virtual DOM 高度组件化 组件之间高度复用 经历大量的测试 有一定的稳定性 虚拟DOM virtual DOM 虚拟DOM 就是在 真实DOM的基础上建立的一个抽象层 我们对数据和状态所做的任何改动，都会被自动且高效的...
ts中类的public、private
jiazhenyu_1126的博客
03-24 4921
ts - 类（class） public：定义为公有属性，默认为 public。 class Home { public role: string = "我家的孩子" getRole() { return this.role } } const h = new Home() console.log(h.getRole()) // 我家的孩子 console.log(h.role) // 我家的孩子 private：定义为私有属性，只能在类的内部访问，外部访问会报错。 class Ho
TS 中的private 是干什么用的
weixin_43867229的博客
04-23 904
在 TypeScript 中，private（私有的） 是一个访问修饰符，它用于限制一个类的属性或方法的可见性。当一个属性或方法被标记为 private 时，它只能在其所在的类中被访问。在这个例子中，name 属性只能在 Person 类中被访问，不能在 Person 类外部被访问。可能读到这里 大部分同学可以get到private是干什么的了 但是又出现了新的。点击这里查看public定义吧~
react+ts+antd cron表达式组件
11-16
在这个"react+ts+antd cron表达式组件"项目中，开发者整合了这些技术来实现一个特定功能——Cron表达式编辑器。 Cron表达式是一种用于配置定时任务的格式，常见于Unix和Linux系统。它由七个字段组成，从左到右分别...
react PC端项目构建TS，react@18.2.0+antd+vite+axios+redux+sass+ts
03-07
该架构已解决大部分坑，主要用于react@18.2.0PC端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
umi基础框架（React+umi+Ts）
08-05
标题 "umi基础框架（React+umi+Ts）" 指的是使用umi作为基础架构，结合React和TypeScript来构建一个先进的Web应用。umi是一个强大的JavaScript框架，它为React应用程序提供了一种高度可配置和模块化的开发方式。下面...
ts-react-todoList：用react + ts完成简单的todoList
02-15
ts-react-todoList 用react + ts完成简单的todoList import React , { useEffect , useRef , useState } from "react" ; import "./App.css" ; import produce from "immer" ; interface TodoList { id: string ; ...
react-private-route:React用于React的声明性专用路由[不推荐使用]
05-02
react-private-route [未知] 用于React的声明式专用路由 工作演示可在以下网站获得 安装 使用 ： $ npm i react-private-route 使用： $ yarn add react-private-route 基本用法 ... import { BrowserRouter as Router , Route , Switch } from 'react-router-dom' ... import PrivateRoute from 'react-private-route' ... class App extends Component { render ( ) { return ( ... < Router> < div className = { 'main-container'
ts中的类非常详细通俗易懂，看这一篇就够了
m0_51512211的博客
12-14 2055
ts中的类非常详细通俗易懂。从初识class到构造函数再到继承然后说super,还说到了abstract抽象类以及private，public,protected 的区别
ts类中的private和protected
热门推荐
霸气小波的博客
07-24 2万+
   1.private    私有的。表示最隐私，最不能为外人知道的。   在类中如果声明一个属性为私有，则表示这个属性仅仅属于这个类。 仅仅能在这个类中进行在这个属性的访问。在子类和类的实现的对象中都不能访问。在子类可以通过调用使用这个属性的方法来间接lai'来使用这个属性。 2.protected 被保护的。针对 对象。因为一个类可以化身为好多好多的dui对象。对于一些这些dui...
react获取私有属性(低版本)
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
08-31 931
1、通过 this.state可获取内部声明getDefaultProps(){     }的属性， 此钩子函数在react低版本里才有   var Demo=React.createClass({ 属性（不可修改数据） getDefaultProps(){ return{ str:'hello', arr:[1,23,3], obj:{ name:'小明...
ts-学习类型-class
weixin_44063886的博客
01-29 1079
class中声明变量可以有3种类型，public,private,protected public：在类内类外都能访问 private: 只能在类内访问,还可以在子类内使用 protected: constructor 声明constructor的简化方法 class Person { // 简化写法 constructor(public name:string){} } 子类继承父类时，需要先调用父类的构造函数super()，若父类的构造函数中有需要传递的参数，则必须传递参数 class.
ts写组件时，public与private以及input与input set
m0_37636736的博客
07-16 1033
input set set就是用来处理逻辑值的，就是拿到值后做逻辑处理，都没有做持久化的必要，input拿值是要拿本体做处理，而不是根据这个值的状态给别的变量做处理 public与private 只有当前类用的属性是private类型，类外部可以访问的是public 参考： https://blog.csdn.net/wshl1234567/article/details/4525014...
React目录结构详细解析
李彬博客专栏
12-12 8603
总览 WebStorm创建工程后目录结构如图所示： 1、package.json 每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。 负责 管理 整个项目用到的 依赖包 列表配置 以及 项目打包的一些脚本命令 scripts 配置 1.1 name字段 项目工程名称 "name": "untitled" 项
ts类中的成员修饰符public、private、protected
唐都恩了的博客
12-12 3651
// public 定义类的变量默认就是公共的，继承的子类可以通过this来访问 // private 定义类的私有属性，只能在内部访问 class Person { private name: string = "" getName() { return this.name } setName(newName) { this.name = newName } } const p = new Person() console.
react privateRoute
weixin_34269583的博客
04-11 1626
import React from 'react'; import PropTypes from 'prop-types'; import {Route,Redirect,withRouter} from 'react-router-dom'; import LoginUser from 'service/LoginUser'; //私有路由，只有登录的用户才能访问 class ...
react ts 基础语法
最新发布
10-16
React 和 TypeScript 是两个流行的前端框架和技术，它们结合可以提供更强的类型安全性和更好的开发者体验。以下是React和TypeScript的基础概念： 1. React简介：React是一个由Facebook开发的用于构建用户界面的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值