Hibák felderítése · TypeScript
Rejtett hibák
Ezek közül a nyolc kódrészlet közül mindegyik fordul, átmegy egy laza áttekintésen, és jónak tűnik. Mindegyik rejt egy hibát. Mindegyiknél: mondd el, mi törik, milyen körülmények között — és hogyan találnád meg.
Gondolkodj hangosan. Érdekel, hogyan olvasod a kódot, nem egy stopper. Nem baj, ha nem sikerül mindet pontosan.
01 Rendelés leadása
interface Notifier {
send(to: string, message: string): Promise<void>
}
class OrderService {
constructor(private readonly notifier: Notifier) {}
async placeOrder(order: Order): Promise<OrderId> {
const id = await this.repo.save(order)
this.notifier.send(order.customerEmail, `Order ${id} confirmed`)
return id
}
}
02 Profil frissítése
app.post('/profile', async (req, res) => {
const profile = parseProfile(req.body)
try {
await db.profiles.update(req.user.id, profile)
} catch (err) {
logger.warn('profil frissítése sikertelen', err)
}
res.status(200).json({ status: 'mentve' })
})
03 Komment törlése
app.delete('/comments/:id', requireAuth, async (req, res) => {
const comment = await db.comments.findById(req.params.id)
if (!comment) {
return res.status(404).end()
}
await db.comments.delete(comment.id)
res.status(204).end()
})
04 Lista lapozása
function paginate<T>(items: T[], page: number, pageSize: number): T[] {
const start = page * pageSize
const end = start + pageSize
return items.slice(start, end)
}
// hívó
const results = paginate(rows, page, 20) // az oldal 1-től kezdődik a UI-ban
05 Cikkek betöltése szerzőkkel
async function loadArticlesWithAuthors(): Promise<ArticleView[]> {
const articles = await db.query('SELECT * FROM articles WHERE published = true')
const views: ArticleView[] = []
for (const article of articles) {
const author = await db.query('SELECT * FROM users WHERE id = $1', [article.authorId])
views.push({ ...article, author: author[0] })
}
return views
}
06 Alapértelmezett konfigurációk feloldása
interface Settings {
retryLimit?: number
displayName?: string
}
function resolveConfig(s: Settings) {
return {
retryLimit: s.retryLimit || 3,
displayName: s.displayName || 'Névtelen',
}
}
07 Kedvezmény alkalmazó segédprogram tesztelése
function applyDiscount(price: number, percent: number): number {
return price - price * (percent / 100)
}
describe('applyDiscount', () => {
it('alkalmaz egy kedvezményt', () => {
const spy = vi.fn().mockReturnValue(90)
const result = spy(100, 10)
expect(result).toBeDefined()
expect(result).toBe(90)
})
})
08 Legjobb eredmények számítása
function topScores(scores: number[], take = 3): number[] {
return scores.sort((a, b) => b - a).slice(0, take)
}
const results = [4, 1, 9, 2]
const podium = topScores(results)
// ... később, máshol:
renderRawResults(results) // várt [4, 1, 9, 2]
