js 字符串转换为数字,js字符串转换为数字类型 收藏 0

TS保姆级教程，吐血整理常见问题

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第21天，点击查看活动详情。

TypeScript，简称 ts，是微软开发的一种静态的编程语言，它是 JavaScript 的超集。 那么它有什么特别之处呢?

1. 简单来说，js 有的 ts 都有，所有js 代码都可以在 ts 里面运行。
2. ts 支持类型支持，ts = type +JavaScript。

JavaScript 属于动态编程语言，而ts 属于静态编程语言。

• js：边解释边执行，错误只有在运行的时候才能发现
• ts：先编译再执行，在写的时候就会发现错误了（ts不能直接执行，需要先编译成 js ）

ts 完全支持 js ，可以直接转换

JS 有的， TS 都有， JS 没有的， TS 也有，毕竟 TS 是 JS 的超集嘛。

TS 的缺点：

• 不能被浏览器理解，需要被编译成 JS
• 有学习成本，写习惯了 JS 的我们，要上手需要花时间去理解，而且 TS 中有一些概念还是有点难，比如泛型。

就是给变量添加类型约束，可以显示标记出代码中的意外行为，从而降低了发生错误的可能性 语法：

这样写有啥好处呢？更好地规定了数据的类型，避免了不必要的错误。 如果你不小心写错了，他会直接提示你类型错误哦。是不是很贴心呢?

比如：

代码中的 : number 就是类型注解。

这个时候是时候介绍下ts的数据基本类型

需要注意：

• null 和 undefined 两个类型一旦赋值上，就不能再赋值给任何其他类型
• symbol是独一无二的，假设再定义一个 sym1，那么sym === sym1 为 false

Array

两种方式：

• 类型名称 + []
• Array<数据类型>

Tuple 可以说是 Array 的一种特殊情况,针对上面的 arr3,我们看他的类型可以是string也可以是number，但对每个元素没有作出具体的限制。

那么 Tuple 的作用就是限制元素的类型并且限制个数的数组,同时 Tuple这个概念值存在于TS，在JS上是不存在的

这里存在一个问题：在TS中,是允许对 Tuple 扩增的（也就是允许使用 push方法），但在访问上不允许

另外还有object 和定义函数；

• 对方法传入的参数和返回值进行约束

• 如果接口用于一个类的话，那么接口会表示“行为的抽象”
• 对类的约束，让类去实现接口，类可以实现多个接口
• 接口只能约束类的公有成员（实例属性/方法），无法约束私有成员、构造函数、静态属性/方法

• 一个对象可以同时做为函数和对象使用

• 继承：子类继承父类，子类除了拥有父类的所有特性外，还有一些更具体的特性
• 多态：由继承而产生了相关的不同的类，对同一个方法可以有不同的响应

这个如果有学过Java的 就非常容易理解，我是之前做Java开发的。

比如：

• 可选链运算符是一种先检查属性是否存在，再尝试访问该属性的运算符，其符号为 ?.

• 如果运算符左侧的操作数 ?. 计算为 undefined 或 null，则表达式求值为 undefined 。否则，正常触发目标属性访问、方法或函数调用。
• 可选链运算符处于 stage3 阶段，使用 @babel/plugin-proposal-optional-chaining 插件可以提前使用，TS 3.7版本正式支持使用，以前的版本会报错

JS 中变量随便赋值没问题，

但在 TS 中函数不能随便赋值，会报错的，

这一部分的内容就需要费点脑细胞了，毕竟学习一门语言，还是没那么容易的，最好把基础的内容都理解透彻之后再来学进阶。

主要要掌握联合类型，交叉类型，类型别名，类型保护，类型断言抽象类，多态，条件类型等

我之前学习 TS，是死磕 TS 文档，非常枯燥，上手难度大，学习效率很低，而且学了就忘。

后来我才发现，我们不一定需要学习那么多知识，能上手就行，TS 的文档比较适合入门之后查阅用，而不适合初学者用。

很多对 TS 学习得很深的人，甚至还在做 TS 类型体操，把 TS 像 LeetCode 一样刷，作为一个搬砖人，真的没必要去跟风，毕竟应付日常增删改查不需要学那么深。

我的理念一直是，用到了再去学，不要焦虑，人精力有限。比如当我需要去理解 Vue3 的源码或者设计一个库的时候，目前的 TS 知识储备不够了，再去做做类型体操，也不迟。

最近重学一次 TS，查阅了很多相对官方文档更通俗易懂的教程，总结了学习中的重点，形成了本文。

Vue进阶（幺幺伍）：js 将字符串转换为boolean

注：若想实现将字符串类型的true or false转换为布尔类型的常量，只能通过===运算符实现。

在开发Vue项目过程中，应用element-ui做表单验证遇到this.$refs[formName].validate()提示validate()未定义问题。

要验证的DOM，还没有加载出来。

首先打印一下this.$refs[formName]，检查是否拿到了正确待验证的form（有时候获取到数组，需要按下标取值）。

其次在拿到了正确的form后，检查该form上添加的表单验证是否正确，需要注意的点有：

使用此方法前检查prop一定必须要写在<el-form-item>标签上面，写在里面的input上或者其他任何地方都不行（el-form-item prop属性绑定）

el-form rules，model属性绑定，ref标识

解决方法如下：

有关$nextTick的具体用法，请参考博文《》。

CSP-J/S初赛必考知识点-进制转换

各位同学大家好，今天我们讲解的是编程中进制转化，该知识点在我们考试中会出现在选择题中，请各位同学一定要完全掌握哦。

2进制：由 0 1 组成 逢2进1

8进制：0 1 2 3 4 5 6 7 逢8进1

10进制：0 1 2 3 4 5 6 7 8 9 逢10进1

16进制：0 1 2 3 4 5 6 7 8 9 A(10) B(11) C(12) D(13) E(14) F(15)

①将10进制转换成其它进制（2，8，16）短除法 转换成其他进制同理

②将其它进制（2，8，16）转换成对应的10进制 短乘法

②其他进制转十进制。

8 4 2 1法很好用！

8进制一位对应2进制3位

16进制一位对应2进制4位

比赛真题1：2023csp-j 选择题 （）

比赛真题1：2022csp-j 选择题 （）

比赛真题1：2021csp-j 选择题 （）

比赛真题1：2020csp-j 选择题 （）

该知识点是CSP初赛考试中必考的一个知识点，无论说是入门组或者提高组，请同学们一定要完全掌握，耐心计算哦。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com