टाइपस्क्रिप्ट में एक प्रकार को अशक्त घोषित करने के लिए कैसे?

Question

मैं टाइपस्क्रिप्ट में एक इंटरफ़ेस है।

interface Employee{
    id: number;
    name: string;
    salary: number;
}

मैं salaryएक अशक्त क्षेत्र के रूप में बनाना चाहता हूं (जैसे हम C # में कर सकते हैं)। क्या यह टाइपस्क्रिप्ट में करना संभव है?

Answer 1

जावास्क्रिप्ट में सभी क्षेत्रों (और टाइपस्क्रिप्ट में) का मान हो सकता है nullया undefined।

आप फ़ील्ड को वैकल्पिक बना सकते हैं जो अशक्त से अलग है।

interface Employee1 {
    name: string;
    salary: number;
}

var a: Employee1 = { name: 'Bob', salary: 40000 }; // OK
var b: Employee1 = { name: 'Bob' }; // Not OK, you must have 'salary'
var c: Employee1 = { name: 'Bob', salary: undefined }; // OK
var d: Employee1 = { name: null, salary: undefined }; // OK

// OK
class SomeEmployeeA implements Employee1 {
    public name = 'Bob';
    public salary = 40000;
}

// Not OK: Must have 'salary'
class SomeEmployeeB implements Employee1 {
    public name: string;
}

तुलना करना:

interface Employee2 {
    name: string;
    salary?: number;
}

var a: Employee2 = { name: 'Bob', salary: 40000 }; // OK
var b: Employee2 = { name: 'Bob' }; // OK
var c: Employee2 = { name: 'Bob', salary: undefined }; // OK
var d: Employee2 = { name: null, salary: 'bob' }; // Not OK, salary must be a number

// OK, but doesn't make too much sense
class SomeEmployeeA implements Employee2 {
    public name = 'Bob';
}

Comments

लगता है कि सख्ती से अशक्त प्रकार और सख्त नल-चेक लागू किए गए हैं और टाइपस्क्रिप्ट 2.0 के साथ पहुंचेंगे! (या typescript@nextअब।)

— mindplay.dk

क्या आप पहले उदाहरण में var c के बारे में निश्चित हैं? मुझे ऐसा लगता है कि var b और var c वहां समान हैं।

— martinp999

संकलन त्रुटि के बिना अशक्त या अपरिभाषित मान सेट करने के लिए, tsconfig "सख्त" विकल्प को हटा दिया जाना चाहिए या "झूठे" के बराबर होना चाहिए"strict" : false

— निकोलस जेनेल

यह गलत है। जेएस अशक्त और अपरिभाषित के बीच अंतर करता है। सही कोड होना चाहिए salary:number|null;यदि आप करते हैं तो salary?:number; salary = null;आपको एक त्रुटि मिलेगी। हालांकि, salary = undefined;इस मामले में ठीक काम करेगा। समाधान: संघ का उपयोग करें '|'

— अंकुर निगम

Answer 2

संघ का मामला इस मामले में मेरे दिमाग में सबसे अच्छा विकल्प है:

interface Employee{
   id: number;
   name: string;
   salary: number | null;
}

// Both cases are valid
let employe1: Employee = { id: 1, name: 'John', salary: 100 };
let employe2: Employee = { id: 1, name: 'John', salary: null };

संपादित करें: इस काम के लिए के रूप में की उम्मीद के लिए, आप सक्षम होना चाहिए strictNullChecksमें tsconfig।

Comments

यदि आप --strictNullChecks (जो आपको चाहिए) का उपयोग करते हैं, तो यह एक वैध समाधान है। मैं इसका उपयोग वैकल्पिक सदस्यों के पक्ष में नहीं करूंगा, क्योंकि यह आपको सभी शाब्दिक वस्तुओं पर एक स्पष्ट अशक्तता जोड़ने के लिए मजबूर करता है, लेकिन फ़ंक्शन रिटर्न मानों के लिए, यह जाने का तरीका है।

— ज्योन नोव

Answer 3

अधिक सी # होने के लिए, इस Nullableप्रकार को परिभाषित करें:

type Nullable<T> = T | null;

interface Employee{
   id: number;
   name: string;
   salary: Nullable<number>;
}

बक्शीश:

Nullableटाइपस्क्रिप्ट प्रकार में निर्मित व्यवहार करने के लिए , इसे global.d.tsरूट स्रोत फ़ोल्डर में परिभाषा फ़ाइल में परिभाषित करें । इस पथ ने मेरे लिए काम किया:/src/global.d.ts

Comments

मेरा पसंदीदा उत्तर - प्रश्न को बिना पढ़े सीधे उत्तर देता है।

— लेक्वेर्विग

इसके उपयोग से वस्तु गुणों का स्वत: पूर्ण होना टूट जाता है। उदाहरण के लिए यदि हमारे पास है emp: Partial<Employee>, तो हम कर सकते हैं emp.idया emp.nameआदि लेकिन अगर हमारे पास है emp: Nullable<Employee>, तो हम नहीं कर सकते हैंemp.id

— यूसुफ खान

यह प्रश्न का वास्तविक उत्तर है।

— पैट्रिक

Answer 4

?वैकल्पिक फ़ील्ड में एक प्रश्न चिह्न जोड़ें ।

interface Employee{
   id: number;
   name: string;
   salary?: number;
}

Comments

जैसा कि रयान ने बताया ...? टाइपस्क्रिप्ट में वैकल्पिक का मतलब है, अशक्त नहीं। के बिना ? इसका मतलब है कि मान को अशक्त या अपरिभाषित सहित सेट किया जाना चाहिए। साथ में ? आप पूरी घोषणा-बात को छोड़ सकते हैं।

— उन्होंने 11

धन्यवाद! मैं "टाइपस्क्रिप्ट वैकल्पिक मूल्य" के लिए googled था तो यह वही है जो मैं देख रहा था।

— साथी स्ट्रेंजर

Answer 5

आप निम्नलिखित की तरह केवल एक उपयोगकर्ता-परिभाषित प्रकार लागू कर सकते हैं:

type Nullable<T> = T | undefined | null;

var foo: Nullable<number> = 10; // ok
var bar: Nullable<number> = true; // type 'true' is not assignable to type 'Nullable<number>'
var baz: Nullable<number> = null; // ok

var arr1: Nullable<Array<number>> = [1,2]; // ok
var obj: Nullable<Object> = {}; // ok

 // Type 'number[]' is not assignable to type 'string[]'. 
 // Type 'number' is not assignable to type 'string'
var arr2: Nullable<Array<string>> = [1,2];

Answer 6

type MyProps = {
  workoutType: string | null;
};

Answer 7

मैं थोड़ी देर पहले यह एक ही सवाल था .. ts में सभी प्रकार अशक्त हैं, क्योंकि शून्य सभी प्रकारों का एक उपप्रकार है (इसके विपरीत, उदाहरण के लिए, scala)।

देखें कि क्या यह फ़्लोचार्ट मदद करता है - https://github.com/bcherny/language-types-comparison##ypescript

Comments

-1: यह बिल्कुल सच नहीं है। void'सभी प्रकारों' ( नीचे प्रकार ) का उपप्रकार होने के लिए , इस सूत्र को देखें । इसके अलावा आपने जो चार्ट स्कैला के लिए दिया है वह भी गलत है। Nothingscala में, वास्तव में, निचला प्रकार है। टाइपस्क्रिप्ट, एटीएम, में निचला प्रकार नहीं होता है , जबकि स्कैला करता है ।

— डेनियल शिन

"सभी प्रकारों का उपप्रकार"! = निचला प्रकार। TS युक्ति यहाँ देखें github.com/Microsoft/TypeScript/blob/master/doc/…

— bcherny

Answer 8

अशक्त प्रकार रनटाइम त्रुटि को लागू कर सकता है। इसलिए मुझे लगता है कि संकलक विकल्प का उपयोग --strictNullChecksकरना number | nullऔर प्रकार के रूप में घोषित करना अच्छा है । नेस्टेड फ़ंक्शन के मामले में भी, हालांकि इनपुट प्रकार शून्य है, कंपाइलर नहीं जान सकता कि यह क्या टूट सकता है, इसलिए मैं उपयोग करने की सलाह देता हूं !(विस्मयादिबोधक चिह्न)।

function broken(name: string | null): string {
  function postfix(epithet: string) {
    return name.charAt(0) + '.  the ' + epithet; // error, 'name' is possibly null
  }
  name = name || "Bob";
  return postfix("great");
}

function fixed(name: string | null): string {
  function postfix(epithet: string) {
    return name!.charAt(0) + '.  the ' + epithet; // ok
  }
  name = name || "Bob";
  return postfix("great");
}

संदर्भ। https://www.typescriptlang.org/docs/handbook/advanced-types.html#type-guards-and-type-assertions