What is the correct method for declaring any type in Typescript with the option "no-any" set to true?

I'm interested in incorporating gts into my project.

One rule in tslint.json is "no-any": true, which prohibits the use of the any keyword in the code. How should one handle cases where a function needs to accept any type, such as when working with SQL queries that can take arguments of different types? While it's possible to override this rule, I'm curious about best practices for scenarios like these.

One approach that comes to mind is specifying all primitive types using |:

param: string| number| Date;

But what if the function is wrapping external code like mysql that already accepts any[]?

typescripttslintgts

Answer №1

In my opinion, the majority of scenarios can be effectively addressed using unknown. unknown serves as a more secure alternative to any. Essentially, you can assign any value to unknown just like you would with any, but unlike any, you are unable to perform many operations on unknown without explicit checks or type assertions, which is often desired (refer to this link for more information).

While there may still be specific instances where unknown cannot directly replace any (such as situations involving type parameters with function constraints under strictFunctionTypes), it should generally suffice in most cases.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Tips for concealing .js and .map files in WebStorm during your work on an Angular 2 TypeScript project

After attempting to include the extensions in the .gitignore file, the outcome is shown in the following image: https://i.sstatic.net/0K6x5.png Unfortunately, the files are still not fully concealed. ...

typescriptangularwebstorm

What could be the reason for my function throwing a TypeError with the message "<function> is not a function"?

Every time I try to call a function that clearly appears to be defined as a function, I continuously receive the error message: TypeError: [function name] is not a function. To demonstrate the issue, here is a simple example: main.ts import someFunction ...

javascripttypescriptrequirejscircular-dependencycircular-reference

Unable to generate a store using reducer in TypeScript and Redux

I am having trouble creating a store using Redux and TypeScript. Here is my actions.js file: import { Action } from 'redux'; export interface ITodoAction extends Action { todo:string; } export const ADD_TODO:string = 'ADD_TODO'; ...

typescriptredux

Instructions on how to reset or restore to the initial spawn point

I am currently attempting to simulate a spawn process using the mock-spawn module. However, I am encountering issues with restoring the mock after running subsequent tests. I attempted to use mySpawn.resotre(), but it appears that this function does not e ...

node.jsunit-testingtypescriptmocha.jssinon

The "VsTsc" operation was unable to start due to issues with its provided input parameters

Encountering the following error when building an Asp.NetCore project in Visual Studio Enterprise 2017 Version 15.6.0. The error sometimes disappears upon restarting Visual Studio, but a permanent solution has not been found. Error MSB4064: The "Compu ...

c#visual-studiotypescriptasp.net-corevisual-studio-2017

Angular 5+ does not have any compatible call signatures for Type Search

Utilizing an addItem function that I found on this site, I encountered the following error message: Error TS2349 (TS) Cannot invoke an expression whose type lacks a call signature. Type 'Search' has no compatible call signatures. Definition o ...

angulartypescript

Implement the CSS styles from the Parent Component into the Child Component using Angular 6

Is there a way to apply CSS from the Parent Component to style the child component in Angular 6? Please advise on how to approach this issue. How can we inherit the css styles from the Parent Component? <parent> <child> <p>hello ...

javascriptangulartypescriptangular-ui-router

What is the method for launching Chrome synchronously in Selenium WebDriver using createSession()?

After executing the code below using Selenium WebDriver to launch a Chrome browser: import { Driver } from 'selenium-webdriver/chrome'; Driver.createSession(); console.log("I've launched!"); I'm encountering an issue where "I've ...

typescriptseleniumgoogle-chromeselenium-webdriver

Upon running `npm run build` in vue.js, an error occurs stating that the interface 'NodeRequire' cannot extend types 'Require' simultaneously

ERROR in C:/phpStudy2018/PHPTutorial/WWW/Tms.Web/node_modules/@types/node/globals.d.ts(139,11): 139:11 The 'NodeRequire' interface cannot extend both 'Require' and 'RequireFunction' at the same time. The named property &apos ...

typescriptvue.jswebpack

What causes the canLoad function to create an endless loop when rerouting?

Utilizing Angular's canLoad function in my AuthGuard to authenticate a lazy loaded module at the root of my application. If the user is not authenticated, the module will not load and the user will be directed to the login page. This process works sm ...

angulartypescriptauthenticationlazy-loadinginfinite-loop

Guide to Integrating BLK Theme into an Angular CLI Project

I've recently set up an Angular project using CLI and I am interested in integrating the BLK theme by Creative Tim into this project. However, the only available option from Creative Tim is to download a pre-existing project and build upon that framew ...

angulartypescriptbootstrap-4

What is stopping TypeScript from assigning certain properties to the HTMLScriptElement?

I'm currently working with TypeScript and React, and I'm facing an issue with a function that is meant to copy script attributes between two elements: type MutableScriptProperties = Pick< HTMLScriptElement, 'async' | 'crossO ...

javascripthtmlreactjstypescriptdom

Guide on implementing dynamic rowspan in tables using vue.js

I am trying to create a table similar to the one in the example photo. https://i.sstatic.net/fkXDx.png I attempted to connect rows using rowspan and wrote some code for it, but unfortunately, I encountered an error in the browser. To start with, here is ...

typescriptvue.jsnuxt.jsvuetify.js

Having trouble grasping the concept of Interfaces and dealing with FormGroup problems in Angular?

Apologies if my question is a duplicate, I have found several solutions for the same issue on Stack Overflow, but unfortunately, I struggle to understand them in technical terms. Problem 1 src/app/models/dataModel.ts:2:5 2 id: number; ~~ The exp ...

angulartypescriptangular-forms

The webpack "externals" option is reporting an error due to an unexpected character "@" being used

I've come across several discussions regarding the issue of "Unexpected character '@' in webpack, but none of them address the specific problem I'm facing with the externals option. I've used this feature in the past without any is ...

javascripttypescriptwebpack

Tips for iterating over an array that implements either of two interfaces in TypeScript

The objective is to develop a reusable method for filtering out items from an array that implements one of two interfaces Providing a code example would be most helpful: interface IDuration { start: number; end: number; } interface IRelativeDuration ...

typescript

What is the reason behind taps in TypeScript only registering the first tap event?

One issue I am encountering is that only the first tap works when clicked, and subsequent taps result in an error message: Uncaught TypeError: Cannot read properties of undefined (reading 'classList') Here is the code I am using: https://codepen ...

javascripttypescriptpug

Encountering errors 'LeftSegment' not found and 'infer' not found within the react-router directory in the node_modules folder

Currently, I am in the process of updating my application from react-router v3 to v6. At the moment, I have successfully installed react-router-dom v6.2.1 as well as react-router v6.2. Additionally, since I am using Typescript, I have also installed @types ...

reactjstypescriptreact-routerreact-router-dom

Tips on effectively rendering child components conditionally in React

My components currently consist of an AddBookPanel containing the AddBookForm. I am looking to implement a feature where the form is displayed upon clicking the 'AddBookButton', and hidden when the 'x' button (image within AddBookForm c ...

javascriptreactjstypescriptreact-hooks

Understanding the significance of an exclamation point preceding a period

Recently, I came across this code snippet: fixture.componentInstance.dataSource!.data = []; I am intrigued by the syntax dataSource!.data and would like to understand its significance. While familiar with using a question mark (?) before a dot (.) as in ...

javascriptangulartypescript