बढ़ी हुई प्रयोज्यता के लिए नई टाइपस्क्रिप्ट सुविधाएँ

अपरिवर्तनीय वस्तुओं और सरणियों

केवल-पढ़ने के मापदंडों के साथ प्रयोज्य में सुधार

function foo(s: ReadonlyArray<string>) { /* ... */ }
 
function foo(s: readonly string[]) { /* ... */ }

कास्ट कंस्ट्रक्शन के रूप में अपरिवर्तनीय चर की प्रयोज्य में सुधार

interface Person { 
  name: string; 
}
 
const person = { 
  name: 'Will' 
} as Readonly<Person>;
person.name = 'Diana'; // !

const person = { 
        name: 'Will' 
} as const;
 
person.name = 'Diana'; // !
 
//      as const
const array = [1, 2, 3] as const; 
array.push(4); // !

हेल्पर टाइप ओमिट

//     TypeScript 3.5
type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
interface A { 
    propA?: string; 
    propB?: string; 
    propC?: string; 
}
 
type B = Omit<A, 'propA' | 'propC'>; 
const b: B = { propA: 'hi' }; // ;

टाइपस्क्रिप्ट द्वारा समर्थित नई जावास्क्रिप्ट सुविधाएँ

▍ अशक्त और अपरिभाषित के लिए जाँच करें

//  ||     ,  index  0
const getValueOrOne = (x?: number) => index || 1; 
getValueOrOne(0); // 1 <-- 

//   ,    
const getValueOrOne = (x?: number) => index !== null && index !== undefined ? : 1; 
getValueOrOne(0); // 0

// !
const getValueOrOne = (x?: number) => index ?? 1; 
getValueOrOne(0); // 0
getValueOrOne(2); // 2
getValueOrOne(); // 1

Ional वैकल्पिक अनुक्रम

//    
const value = foo && foo.bar && foo.bar.baz;
 
//    
const value = foo?.bar?.baz;

const value = foo?.bar?.baz ?? 'default value';

Fields निजी वर्ग के क्षेत्र

class Fan { 
    #on = false; 
    private name = 'fan';
 
    turnOn() { 
        this.#on = true; 
    }
   isTurnedOn() { 
        return this.#on; 
    }
}
 
const fan = new Fan(); 
fan.isTurnedOn(); // false  
fan.turnOn(); 
fan.isTurnedOn(); // true
 
fan.on; //  
fan.#on; // 
fan.name; //   ,    JS

कोड के शीर्ष स्तर पर प्रतीक्षित कीवर्ड का उपयोग करना

(async () => { 
    const response = await fetch('https://api.github.com/users/sitepen'); 
    const data = await response.json(); 
    console.log(`Check out the blog at ${data.blog}`); 
})();

const response = await fetch('https://api.github.com/users/sitepen'); 
const data = await response.json();
 
export default { ...data };

एन्हांस्ड टाइपस्क्रिप्ट प्रयोग पर्यावरण

सारांश