@@ -3,7 +3,7 @@ Original Repository: [ryanmcdermott/clean-code-javascript](https://github.com/ry
3
3
# clean-code-javascript
4
4
5
5
## Mục lục
6
- 1 . [ Giới thiệu] ( #gioi-thieu )
6
+ 1 . [ Giới thiệu] ( #giới-thiệu )
7
7
2 . [ Biến] ( #biến )
8
8
3 . [ Hàm] ( #hàm )
9
9
4 . [ Đối tượng và Cấu trúc dữ liệu] ( #đối-tượng-và-cấu-trúc-dữ-liệu )
@@ -29,17 +29,17 @@ nghiệm thu thập được qua nhiều năm của các tác giả của cuốn
29
29
30
30
Ngành kỹ thuật phần mềm chỉ phát triển được hơn 50 năm, và chúng ta vẫn
31
31
đang học rất nhiều. Một khi kiến trúc phần mềm trở thành phổ biến, có lẽ sau đó
32
- chúng ta sẽ có thêm nhiều luật lệ khó hơn phải tuân theo. Còn giờ đây,
33
- hãy để những hướng dẫn này như là một tiêu chuẩn để đánh giá chất lượng các đoạn
32
+ chúng ta sẽ có thêm nhiều luật lệ khó hơn phải tuân theo. Còn giờ đây,
33
+ hãy để những hướng dẫn này như là một tiêu chuẩn để đánh giá chất lượng các đoạn
34
34
code Javascript mà bạn và team của bạn tạo ra.
35
35
36
- Biết những hướng dẫn này thôi sẽ không thể ngay lập tức làm bạn trở thành một
37
- lập trình viên phần mềm tốt hơn được, và làm việc với chúng trong nhiều năm
38
- cũng không có nghĩa bạn sẽ không gặp bất cứ sai lầm nào. Mỗi đoạn code bắt đầu
39
- như một bản thảo đầu tiên, giống như đất sét được nặn nhào và cho tới cuối cùng
36
+ Biết những hướng dẫn này thôi sẽ không thể ngay lập tức làm bạn trở thành một
37
+ lập trình viên phần mềm tốt hơn được, và làm việc với chúng trong nhiều năm
38
+ cũng không có nghĩa bạn sẽ không gặp bất cứ sai lầm nào. Mỗi đoạn code bắt đầu
39
+ như một bản thảo đầu tiên, giống như đất sét được nặn nhào và cho tới cuối cùng
40
40
thì nó sẽ lộ diện hình hài. Cuối cùng, chúng ta gọt tỉa những khuyết điểm khi
41
- chúng ta xem xét lại nó cùng với các đồng nghiệp.
42
- Đừng để bản thân bạn bị đánh bại bởi những bản thảo đầu tiên,
41
+ chúng ta xem xét lại nó cùng với các đồng nghiệp.
42
+ Đừng để bản thân bạn bị đánh bại bởi những bản thảo đầu tiên,
43
43
thứ mà vẫn cần phải được chỉnh sửa. Thay vào đó hãy đánh bại những dòng code.
44
44
45
45
## ** Biến**
@@ -432,7 +432,7 @@ function showManagerList(managers) {
432
432
433
433
** Tốt:**
434
434
``` javascript
435
- function showList (employees ) {
435
+ function showEmployeeList (employees ) {
436
436
employees .forEach ((employee ) => {
437
437
const expectedSalary = employee .calculateExpectedSalary ();
438
438
const experience = employee .getExperience ();
@@ -1252,17 +1252,9 @@ class Shape {
1252
1252
}
1253
1253
1254
1254
class Rectangle extends Shape {
1255
- constructor () {
1255
+ constructor (width , height ) {
1256
1256
super ();
1257
- this .width = 0 ;
1258
- this .height = 0 ;
1259
- }
1260
-
1261
- setWidth (width ) {
1262
1257
this .width = width;
1263
- }
1264
-
1265
- setHeight (height ) {
1266
1258
this .height = height;
1267
1259
}
1268
1260
@@ -1272,12 +1264,8 @@ class Rectangle extends Shape {
1272
1264
}
1273
1265
1274
1266
class Square extends Shape {
1275
- constructor () {
1267
+ constructor (length ) {
1276
1268
super ();
1277
- this .length = 0 ;
1278
- }
1279
-
1280
- setLength (length ) {
1281
1269
this .length = length;
1282
1270
}
1283
1271
@@ -1288,21 +1276,12 @@ class Square extends Shape {
1288
1276
1289
1277
function renderLargeShapes (shapes ) {
1290
1278
shapes .forEach ((shape ) => {
1291
- switch (shape .constructor .name ) {
1292
- case ' Square' :
1293
- shape .setLength (5 );
1294
- break ;
1295
- case ' Rectangle' :
1296
- shape .setWidth (4 );
1297
- shape .setHeight (5 );
1298
- }
1299
-
1300
- const area = shape .getArea ();
1301
- shape .render (area);
1302
- });
1303
- }
1279
+ const area = shape .getArea ();
1280
+ shape .render (area);
1281
+ });
1282
+ }
1304
1283
1305
- const shapes = [new Rectangle (), new Rectangle (), new Square ()];
1284
+ const shapes = [new Rectangle (4 , 5 ), new Rectangle (4 , 5 ), new Square (5 )];
1306
1285
renderLargeShapes (shapes);
1307
1286
```
1308
1287
** [ ⬆ back to top] ( #mục-lục ) **
0 commit comments