JavaScript变成anyScript了

any类型

目录

  • any类型
    • 目录
    • 污染问题

首先说明一下,本人是前端小学生级别的菜鸡,吐槽的话请口下留情,在评论区指出错误或者补充不足,我会很喜欢,互喷不会进步,相互指点才会。。。。谢谢大家啦

📌使用 any 指包含所有值的顶部类型,所以 any 不进行类型检查,等于关闭了 TS 对该变量的严格类型校验,TypeScript 有两个“顶层类型”(anyunknown

  • 使用 any 类型等同于使用纯 JavaScript 的开发方式,除非你是因为你的项目是旧版本的js
  • 从集合论的角度看,any类型可以看成是所有其他类型的全集,包含了一切可能的类型。TypeScript 将这种类型称为“顶层类型”(top type),意为涵盖了所有下层。
  • 使用 any 类型将失去 typescript 静态类型的强制检测
  • 只有在描述一个根本不知道的类型时使用 any,会造成其他污染

可以将 any 视为所有类型的组合表示

var anyakun: string | boolean | number;
anyakun = "akun";
anyakun = true;
anyakun = 100;

下面是设置基本 any 的示例

let anyakun02: any;
//以下赋值不会报错
anyakun02 = "akun";
anyakun02 = 1999;
anyakun02 = true;
anyakun02 = [];
anyakun02 = {};
anyakun02 = class {};

在数组中使用 any 类型,可以设置任意类型的值

let anyakun03: any[] = ["akun.com", "akun", 2010, true];

也可以使用泛型的方式设置 any 类型数组

let anyakun04: Array<any> = ["akun.com", "akun", 2010, true];

为对象属性设置类型

// 对象
let anyakun05: {name: any;year: any;
};
//以下设置都不会报错
anyakun05 = { name: "akun", year: 2010 };
anyakun05 = { name: 2010, year: "akun" };

any 太过宽泛所以不建议使用,他会丢失 TS 的严格类型校验,比如下面的示例并不会报错

// //添加或使用不存的属性或者方法
let anyakun06: any;
anyakun06.get(); //不会报错

下面再来看一下对象的使用 any 类型造成的问题

// 示例
class anyakun07 {constructor() {}get = () => "akun";
}const obj: any = new anyakun07();
console.log(obj.get()); //akun

所以上例需要指定正确的 akun类型,而不是使用 any

...
const obj:akun = new anyakun07 ;
...

能过设置 tsconfig.json 的 noImplicitAny=true 配置项,可以禁止隐含的 any 类型。以下代码会在编译时报错

$ tsc --noImplicitAny XXX.ts
function sum(a, b) {return a + b
}

📌这里有一个特殊情况,即使打开了noImplicitAny,使用letvar命令声明变量,但不赋值也不指定类型,是不会报错的。

//这种没有赋值的情况是不会报错的
var x; // 不报错
let y; // 不报错

上面示例中,变量xy声明时没有赋值,也没有指定类型,TypeScript 会推断它们的类型为any。这时即使打开了noImplicitAny,也不会报错。

let x;x = 123;
x = { foo: 'hello' };

上面示例中,变量x的类型推断为any,但是不报错,可以顺利通过编译。

由于这个原因,建议使用letvar声明变量时,如果不赋值,就一定要显式声明类型,否则可能存在安全隐患。

const命令没有这个问题,因为 JavaScript 语言规定const声明变量时,必须同时进行初始化(赋值)。

const x; // 报错

上面示例中,const命令声明的x是不能改变值的,声明时必须同时赋值,否则报错,所以它不存在类型推断为any的问题。

污染问题

📌any类型除了关闭类型检查,还有一个很大的问题,就是它会“污染”其他变量。它可以赋值给其他任何类型的变量(因为没有类型检查),导致其他变量出错。

let x:any = 'hello';
let y:number;y = x; // 不报错y * 123 // 不报错
y.toFixed() // 不报错

上面示例中,变量x的类型是any,实际的值是一个字符串。变量y的类型是number,表示这是一个数值变量,但是它被赋值为x,这时并不会报错。然后,变量y继续进行各种数值运算,TypeScript 也检查不出错误,问题就这样留到运行时才会暴露。

污染其他具有正确类型的变量,把错误留到运行时,这就是不宜使用any类型的另一个主要原因。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/851749.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于MATLAB仿真的BCC卷积码维特比译码算法

&#x1f9d1;&#x1f3fb;个人简介&#xff1a;具有3年工作经验&#xff0c;擅长通信算法的MATLAB仿真和FPGA实现。代码事宜&#xff0c;私信博主&#xff0c;程序定制、设计指导。 &#x1f680;基于MATLAB仿真的BCC卷积码维特比译码算法 目录 &#x1f680;1.BCC卷积码概…

Java的核心类库

引言 在Java编程中&#xff0c;熟练掌握常用类与对象操作是开发的基础。Java的核心类库提供了丰富的功能&#xff0c;可以帮助开发者高效地处理各种编程任务。本文将详细介绍Java字符串操作、集合框架、日期与时间处理等内容&#xff0c;并通过图表和表格进行总结与示范。 字符…

Tailwind CSS 实战指南:快速构建响应式网页设计

title: Tailwind CSS 实战指南&#xff1a;快速构建响应式网页设计 date: 2024/6/12 updated: 2024/6/12 author: cmdragon excerpt: 这篇文章介绍了Tailwind CSS框架的特点与优势&#xff0c;包括其作为实用性的CSS框架如何通过预设的样式类实现快速布局和设计&#xff0c;…

每日一题——Python实现PAT乙级1109 擅长C(举一反三+思想解读+逐步优化)七千字好文

一个认为一切根源都是“自己不够强”的INTJ 个人主页&#xff1a;用哲学编程-CSDN博客专栏&#xff1a;每日一题——举一反三Python编程学习Python内置函数 Python-3.12.0文档解读 目录 初次尝试 代码分析 时间复杂度 空间复杂度 总结 我要更强 代码结构与功能 全局…

springboot+shiro+jwt 兼容session和token

最近和别的软件集成项目&#xff0c;需要提供给别人接口来进行数据传输&#xff0c;发现给他token后并不能访问我的接口&#xff0c;拿postman试了下还真是不行。检查代码发现项目的shiro配置是通过session会话来校验信息的 &#xff0c;我之前一直是前后端自己写&#xff0c;用…

北京知名机床编程入门培训:探索技术的奥秘与突破

北京知名机床编程入门培训&#xff1a;探索技术的奥秘与突破 在北京这座科技与创新交织的城市中&#xff0c;机床编程作为现代制造业的核心技术&#xff0c;吸引了众多求学者的目光。而想要真正掌握这门技术&#xff0c;选择一家知名的机床编程入门培训机构显得尤为关键。本文…

学习Pr有哪些常见的使用的技巧?

本Premiere 学习笔记总结常见问题165条。不管你是初学的小白&#xff0c;或是刚进入剪辑学习软件阶段&#xff0c;还是说你学软件好几年了都有用处。因为这份总结涉及到了Pr的各个方面。既可以帮你解决软件出现的问题&#xff0c;也可以帮你熟知软件的实际应用&#xff0c;以及…

【江湖】离职经验之人在江湖

人在职场江湖 分享外面看不到的职场经验、人情世故和社会潜规则 一、老实人别再吃亏了&#xff01;这些离职原因HR听了都闭嘴&#xff1a; 1、不说&#xff1a;活多钱少 要说&#xff1a;跟不上节奏 2、不说&#xff1a;公司哪里不好 要说&#xff1a;十分感谢公司对我的栽…

C# WPF入门学习番外篇(二) —— C# WPF使用数据库创建注册登录界面

C# WPF入门学习番外篇&#xff08;二&#xff09; —— C# WPF使用数据库创建注册登录界面 在这篇番外篇博客中&#xff0c;我们将介绍如何在C# WPF应用程序中使用数据库来创建一个简单的注册和登录界面。通过本教程&#xff0c;你将学习到如何在WPF中与数据库进行交互&#xf…

网格细分技术在AI绘画中的革新应用

导语&#xff1a; 随着人工智能技术的不断突破&#xff0c;艺术创作也迈入了一个新的时代。AI绘画不仅为艺术家提供了新的工具和灵感源泉&#xff0c;还极大地扩展了艺术的边界。在这背后&#xff0c;网格细分技术扮演着至关重要的角色&#xff0c;它通过将画面划分为数以万计的…

Android低代码开发 - 直接创建一个下拉刷新列表界面

看了我Android低代码开发 - 让IDE帮你写代码这篇文章的小伙伴&#xff0c;大概都对Dora全家桶开发框架有基本的认识了吧。本篇文章将会讲解如何使用dora-studio-plugin快捷创建一个下拉刷新列表界面。 效果演示 这样直接通过图形界面的方式就创建好了下拉刷新上拉加载空态界面…

旅游行业电商平台:数字化转型的引擎与未来发展趋势

引言 旅游行业数字化转型的背景和重要性 随着信息技术的飞速发展&#xff0c;数字化转型成为各行业发展的必然趋势。旅游行业&#xff0c;作为一个高度依赖信息和服务的领域&#xff0c;数字化转型尤为重要。通过数字化手段&#xff0c;旅游行业能够实现资源的高效配置、服务的…

用映射对比ab俩个数组 , 并把a的参数传递给b

项目背景 : react ant 需求 : 在项目进行表头设置时,根据aaa中的key和bbb中的name对应 , 并将sort值插入到bbb中 其中 a b 结构如下 具体实现 aaa[ { key: "orderNumber", orderNumber: "工单编号", sort: 1 } ... ]bbb [ { name: "orderNumber…

Jenkins For Windows编译构建C#项目环境搭建(完整版)

安装Jenkins 下载Windows安装包 官方下载地址 选择稳定版&#xff0c;这里下载的是最新版&#xff0c;如需下载指定版本点击 以前的发行版 配置java环境 下载 java jdk 17 jdk17官方下载链接 这里下载的是msi版本的安装包 安装jdk17 双击运行安装包&#xff0c;一直下…

【Android】Android获取设备Serial Number的方法

项目需求 获取Android 9 和Android 11的设备的SN序列号 解决方案 1.Android 9 获取方式 这个是Android官方提供的方法&#xff0c;可以获取到Android 8/9 的设备的SN号 String serial Build.SERIAL;Android 11 获取方式 Android 11 已经禁止了上面的这种方法&#xff0c;获…

3D数字化营销——电商行业提升转化率,降低退货率的杀手锏!

随着3D、AR等前沿技术的蓬勃发展&#xff0c;电商行业正迎来一场3D数字化营销的革命。这种创新的营销方式不仅极大地丰富了商品的展现形式&#xff0c;还成功弥补了传统电商在临场感和体验感方面的不足&#xff0c;从而显著提升了消费者的购物体验。 51建模网为电商行业提供3D…

Java面试题-进阶

Java面试题-进阶 1、分布式幂等性如何设计?2、说说你对分布式事务的了解?3、分布式事务的解决方案有哪些?4、分布式事务的二阶段提交是什么?5、分布式事务中的三阶段提交是什么?6、什么是分布式ID?7、分布式ID有什么特性?8、分布式ID生成有几种方案?9、分布式系统中幂等…

WebSocket 快速入门 与 应用

WebSocket 是一种在 Web 应用程序中实现实时、双向通信的技术。它允许客户端和服务器之间建立持久性的连接&#xff0c;以便可以在两者之间双向传输数据。 以下是 WebSocket 的一些关键特点和工作原理&#xff1a; 0.特点&#xff1a; 双向通信&#xff1a;WebSocket 允许服务…

Mocha + Chai 测试环境配置,支持 ES6 语法

下面是一个完整的 Mocha Chai 测试环境配置&#xff0c;支持 ES6 语法。我们将使用 Babel 来转译 ES6 代码。 步骤一&#xff1a;初始化项目 首先&#xff0c;在项目目录中运行以下命令来初始化一个新的 Node.js 项目&#xff1a; npm init -y步骤二&#xff1a;安装必要的…

[AI Stability] 开源AI新利器:Stable Diffusion 3 Medium震撼发布!文本到图像再升级!

Stable Diffusion 3 Medium(SD3) 开源了&#xff0c;我们来看下。 关键要点 Stable Diffusion 3 Medium 是 Stability AI 迄今为止最先进的文本到图像开源模型。该模型的体积小巧&#xff0c;非常适合在消费级 PC 和笔记本电脑上运行&#xff0c;也适合在企业级 GPU 上运行。…