টাইপস্ক্রিপ্ট ক্লাসে বৈশিষ্ট্যগুলির জন্য প্রকারগুলি ঘোষণা করা সম্ভব, উদাহরণস্বরূপ:
class className {
property: string;
};আক্ষরিক অর্থে কোনও সম্পত্তির ধরণ কীভাবে ঘোষণা করবেন?
আমি নিম্নলিখিত কোড চেষ্টা করেছি কিন্তু এটি সংকলন করে না:
var obj = {
property: string;
};আমি নিম্নলিখিত ত্রুটি পাচ্ছি:
'স্ট্রিং' নামটি বর্তমান সুযোগে নেই does
আমি কি কিছু ভুল করছি বা এটি একটি বাগ?
উত্তর:
আপনি খুব কাছাকাছি, আপনি কেবল =একটি সঙ্গে প্রতিস্থাপন প্রয়োজন :। আপনি কোনও অবজেক্ট টাইপের আক্ষরিক ব্যবহার করতে পারেন (স্পেক বিভাগটি 3.5.3 দেখুন) বা একটি ইন্টারফেস। একটি অবজেক্ট টাইপের আক্ষরিক ব্যবহার আপনার কাছে যা রয়েছে তার কাছাকাছি:
var obj: { property: string; } = { property: "foo" };তবে আপনি একটি ইন্টারফেসও ব্যবহার করতে পারেন
interface MyObjLayout {
property: string;
}
var obj: MyObjLayout = { property: "foo" };ব্যবহার করার বহু বছর পরে constআরও কার্যকরী কোড এবং উপকৃত , আমি বেশিরভাগ ক্ষেত্রে নীচে ব্যবহার করার বিরুদ্ধে সুপারিশ করব। (অবজেক্ট তৈরি করার সময়, টাইপ সিস্টেমটিকে কোনও নির্দিষ্ট ধরণের পরিবর্তে টাইপ করার পরিবর্তে টাইপ সিস্টেমকে জোর করা প্রায়শই কিছু ভুল হওয়ার ইঙ্গিত দেয়)।
পরিবর্তে আমি constযতটা সম্ভব ভেরিয়েবলগুলি ব্যবহার করার পরামর্শ দেব এবং তারপরে অবজেক্টটি চূড়ান্ত পদক্ষেপ হিসাবে রচনা করব:
const id = GetId();
const hasStarted = true;
...
const hasFinished = false;
...
return {hasStarted, hasFinished, id};আপনার যদি এমন কোনও ধরণের প্রয়োজন হয় যা আপনাকে অলসভাবে শুরু করা যেতে পারে: চিহ্নিত করুন এটি একটি নাল যুক্ত ইউনিয়ন (নাল বা প্রকার)। টাইপ সিস্টেমটি আপনাকে প্রথমে এর কোনও মান রয়েছে তা নিশ্চিত না করে এটি ব্যবহার করতে বাধা দেবে।
ইন tsconfig.json, আপনি কঠোর নাল চেক সক্ষম করেছেন তা নিশ্চিত করুন:
"strictNullChecks": true
তারপরে এই প্যাটার্নটি ব্যবহার করুন এবং টাইপ সিস্টেমটিকে আপনাকে দুর্ঘটনাজনক নাল / অপরিজ্ঞাত অ্যাক্সেস থেকে রক্ষা করার অনুমতি দিন:
const state = {
instance: null as null | ApiService,
// OR
// instance: undefined as undefined | ApiService,
};
const useApi = () => {
// If I try to use it here, the type system requires a safe way to access it
// Simple lazy-initialization
const api = state?.instance ?? (state.instance = new ApiService());
api.fun();
// Also here are some ways to only access it if it has value:
// The 'right' way: Typescript 3.7 required
state.instance?.fun();
// Or the old way: If you are stuck before Typescript 3.7
state.instance && state.instance.fun();
// Or the long winded way because the above just feels weird
if (state.instance) { state.instance.fun(); }
// Or the I came from C and can't check for nulls like they are booleans way
if (state.instance != null) { state.instance.fun(); }
// Or the I came from C and can't check for nulls like they are booleans
// AND I was told to always use triple === in javascript even with null checks way
if (state.instance !== null && state.instance !== undefined) { state.instance.fun(); }
};
class ApiService {
fun() {
// Do something useful here
}
}asটিএসএক্সের জন্য অপারেটরটি ব্যবহার করুন ।
var obj = {
property: null as string
};একটি দীর্ঘ উদাহরণ:
var call = {
hasStarted: null as boolean,
hasFinished: null as boolean,
id: null as number,
};এই সংযোগটি তৈরি করতে কাস্ট অপারেটরটি ব্যবহার করুন (পছন্দসই ধরণের নাল কাস্ট করে)।
var obj = {
property: <string> null
};একটি দীর্ঘ উদাহরণ:
var call = {
hasStarted: <boolean> null,
hasFinished: <boolean> null,
id: <number> null,
};এটি দুটি অংশ থাকার চেয়ে অনেক ভাল (একটি প্রকার ঘোষণা করার জন্য, দ্বিতীয়টি খেলাপি হিসাবে ঘোষণা করা):
var callVerbose: {
hasStarted: boolean;
hasFinished: boolean;
id: number;
} = {
hasStarted: null,
hasFinished: null,
id: null,
};property: null as stringযেখানে গুরুত্বপূর্ণ পার্থক্যটি asঅপারেটর।
callআপনার দ্বিতীয় উদাহরণে ভেরিয়েবলটি নির্ধারণের পরে, আপনি কি একে সম্পূর্ণ ভিন্ন ধরণের বরাদ্দ করতে পারেন?
Error:(33, 15) TS2352:Type 'null' cannot be converted to type 'string'.
আমি অবাক হয়েছি যে কারও এটির কথা উল্লেখ করা হয়নি তবে আপনি কেবল একটি ইন্টারফেস তৈরি করতে পারেন ObjectLiteralযা এই key: valueধরণের জোড়া গ্রহণ করে string: any:
interface ObjectLiteral {
[key: string]: any;
}তারপরে আপনি এটি ব্যবহার করুন, এটির মতো:
let data: ObjectLiteral = {
hello: "world",
goodbye: 1,
// ...
};একটি যুক্ত বোনাস হ'ল আপনি নিজের পছন্দমতো যতগুলি অবজেক্ট চান তার প্রয়োজনে আপনি এই ইন্টারফেসটি অনেকবার পুনরায় ব্যবহার করতে পারবেন।
শুভকামনা।
[key: string]অংশটির ব্যবহারের পক্ষে ছিলাম , কোনও অংশকেই মূল্যের ধরণের সংজ্ঞা হিসাবে দেখিনি ... এটি প্রকৃতপক্ষে প্রকারের উপযোগিতাটি গ্রহণ করবে।
যদি আপনি কোনও প্রকার টিকা লিখতে চেষ্টা করেন তবে বাক্য গঠনটি হ'ল:
var x: { property: string; } = ...;আপনি যদি কোনও বস্তু আক্ষরিক লেখার চেষ্টা করছেন তবে বাক্য গঠনটি হ'ল:
var x = { property: 'hello' };আপনার কোডটি একটি মান অবস্থানে কোনও প্রকারের নাম ব্যবহার করার চেষ্টা করছে।
var x: { property: string; } = ...;তো একটা জ্বালাতন! আমি আশা ঊহ্য শব্দ বৈধ সিনট্যাক্স সাধারণভাবে সংক্ষেপে জন্য হতে ছিল var x: { property: string; } = { property: 'hello' };।
টাইপস্ক্রিপ্টে যদি আমরা অবজেক্টটি ঘোষণা করি তবে আমরা নিম্নলিখিত বাক্য গঠনটি ব্যবহার করব:
[access modifier] variable name : { /* structure of object */ }উদাহরণ স্বরূপ:
private Object:{ Key1: string, Key2: number }আপনার বৈশিষ্ট্যগুলির যদি একই ধরণ থাকে তবে আপনি পূর্বনির্ধারিত ইউটিলিটি ধরণটি ব্যবহার করতে পারেন Record:
type Keys = "property" | "property2"
var obj: Record<Keys, string> = {
property: "my first prop",
property2: "my second prop",
};আপনি অবশ্যই আরও যেতে পারেন এবং আপনার সম্পত্তি মানগুলির জন্য একটি পছন্দসই ধরণের সংজ্ঞা দিতে পারেন:
type Keys = "property" | "property2"
type Value = "my prop" | "my other allowed prop"
var obj: Record<Keys, Value> = {
property: "my prop",
property2: "my second prop", // TS Error: Type '"my second prop"' is not assignable to type 'Value'.
};letপরিবর্তে ব্যবহার করব var।
// Use ..
const Per = {
name: 'HAMZA',
age: 20,
coords: {
tele: '09',
lan: '190'
},
setAge(age: Number): void {
this.age = age;
},
getAge(): Number {
return age;
}
};
const { age, name }: { age: Number; name: String } = Per;
const {
coords: { tele, lan }
}: { coords: { tele: String; lan: String } } = Per;
console.log(Per.getAge());আপনার কোডে:
var obj = {
myProp: string;
};আপনি আসলে একটি বস্তু আক্ষরিক তৈরি করছেন এবং সম্পত্তি মাইপ্রপকে পরিবর্তনশীল স্ট্রিং বরাদ্দ করছেন। যদিও খুব খারাপ অনুশীলন এটি আসলে বৈধ টিএস কোড হবে (এটি ব্যবহার করবেন না!):
var string = 'A string';
var obj = {
property: string
};যাইহোক, আপনি যা চান তা অবজেক্ট আক্ষরিক টাইপ করা হয়েছে। এটি বিভিন্ন উপায়ে অর্জিত হতে পারে:
ইন্টারফেস:
interface myObj {
property: string;
}
var obj: myObj = { property: "My string" };কাস্টম প্রকার:
type myObjType = {
property: string
};
var obj: myObjType = { property: "My string" };কাস্ট অপারেটর:
var obj = {
myString: <string> 'hi',
myNumber: <number> 132,
};আক্ষরিক বস্তুর ধরণ:
var obj: { property: string; } = { property: "Mystring" };