การประกาศ ตัวแปร

​

การ Import

• ใช้การย่อ path เสมอ เพื่อลดความยากในการอ่าน
• ถ้าใช้การ auto import กรุณาตรวจสอบความถูกต้องทุกครั้ง
  import { Role } from '@/variables';
  
  /// หรือ ถ้ามี type ด้วย
  import { type RoleVariable, Role } from '@/variables';
  

​

ตัวแปรทั่วไป Common

• ใช้ const ถ้าไม่ต้องมีการเปลี่ยนแปลงค่า
• ใช้ let ถ้าต้องมีการเปลี่ยนแปลงค่า
• ห้ามใช้ var เหตุผล
• ระบุ type ตามความเหมาะสม
• ใช้ any เมื่อจำเป็นเท่านั้น ไม่ใช้เลยดีที่สุด

const list: Array<string> = [];
const obj: Record<string, any> = {};
let counter = 0;

var list1 = [];
const list2 = [];

var obj = {};

var counter1: number = 0;
let counter2: number = 0;

​

ตัวแปรที่เป็น React State

• ใช้ const เท่านั้น
• ระบุ type ตามความเหมาะสม
• ใช้ any เมื่อจำเป็นเท่านั้น ไม่ใช้เลยดีที่สุด

const [ counter, setCounter ] = useState(0);
const [ listData, setListData ] = useState<Array<number>>([]);

let [ counter, setCounter ] = useState<number>(0);
var [ counter, setCounter ] = useState<number>(0);
let [ counter, setCounter ] = useState(0);
var [ counter, setCounter ] = useState(0);

let [ listData, setListData ] = useState([]);
var [ listData, setListData ] = useState([]);
const [ listData, setListData ] = useState([]);

​

ตัวอย่าง Example

• ประกาศ
  const [ bookDate, setBookData ] = useState<BookInfo>({ ... });
  
• กำหนด Type
  interface BookInfo {
    isbn: string;
    author: string;
    name: string;
    date: Date;
  }