function greet(greetingWord, name) {
    let formattedName = formatName(name);
    console.log(greetingWord + ", " + formattedName);
}

Vậy là, chúng ta kết hợp hàm sayHello và sayHi bằng cách trừu tượng hóa tất cả các thành phần được chia sẻ giữa hai hàm này. Hơn nữa, cách cho phép người dùng sử dụng từ để chào khác ví dụ như good morning thay vì Hi hay Hello

2. Chia nhỏ code

Một nguyên tắc lập trình quan trọng cần tuân theo là bạn cần chia nhỏ code. Tại sao?

Trong thực tế, việc giải quyết một công việc phức tạp tại một thời điểm là rất khó khăn. Chúng ta thường chia nhỏ các công việc ra để thực hiện rồi lấy kết quả của từng phần công việc nhỏ hợp lại thành sản phẩm cuối cùng. Đối với việc thiết kế và phát triển một chương trình, ứng dụng phần mềm cũng tương tự như vậy. Một phần mềm được thiết kế nhằm giải quyết một vấn đề thực tế nào đó, nhưng khi gặp vấn đề quá lớn, lập trình viên cần tách các công việc cụ thể ra để giao cho các chương trình con giải quyết.
Giả sử rằng bạn có hàm sau:

function processData(filename) {
    // 3 lines of code: read the data from the filename
    // 5 lines of code: verify the data structure
    // 10 lines of code: recode some columns
    // 5 lines of code: remove outliers
    // 10 lines of code: do some calculations with the groups
    let results = [];
    return results;
}

Mặc dù không có mã trùng lặp nào ở đây, nhưng code này không dễ đọc. Trừ khi bạn viết comment cho từng thành phần của hàm, mục đích cá nhân không quá đơn giản. Ngoài ra, khi chương trình của bạn gặp bug, có thể bạn sẽ không dễ dàng đì bug. Hãy xem xét phiên bản được tái cấu trúc sau:

function processDataRefactored(filename) {
    let data = readData(filename);
    verifyData(data);
    recodeData(data);
    removeOutliers(data);
    let processedData = summarizeData(data);
    return processedData;
}

function readData(filename) {
    // just a simple list for demonstration purposes
    let data = [1, 2, 3, 4];
    return data;
}

function verifyData(data) {
    // verify the data
}

function recodeData(data) {
    // recode the data
}

function removeOutliers(data) {
    // remove outliers
}

function summarizeData(data) {
    let results = [];
    return results;
}

Như bạn có thể thấy, ta có thể tạo ra nhiều chức năng hơn, mỗi chức năng có một số LOC có thể quản lý được. Nói cách khác, các chức năng này nhỏ hơn, có những lợi ích sau:

• Mỗi chức năng phục vụ một mục đích và ý định của nó rất rõ ràng.
• Việc thay đổi một chức năng nhỏ sẽ dễ dàng hơn vì chúng ta sẽ xử lý một điểm dữ liệu vào và ra
• Logic rõ ràng hơn và có cấu trúc hơn bằng cách chỉ cần nhìn vào các chức năng riêng lẻ.

3. Đặt tên có ý nghĩa

Điều này đã được thể hiện ngầm trong 2 phần trước. Khi chúng ta định nghĩa một hàm, điều đầu tiên cần cân nhắc thường là cách chúng ta đặt tên cho hàm mới. Bạn không thể cẩu thả trong giai đoạn này. Rốt cuộc, đó là code trong hàm thực hiện các hoạt động. Dưới đây là một ví dụ nhỏ về một tình huống có thể xảy ra:

// This function gets the account information for a user using his/her user id number
function getData(id) {
    // the operations
}

Hai vấn đề tồn tại với chức năng trên. Đầu tiên, chức năng không nói rõ về dữ liệu mà nó đang nhận. Thứ hai, cũng không rõ id có nghĩa là gì đối với tham số. Điều thú vị là lập trình viên đang cố gắng giải thích mọi thứ trong comment. Đó là một sai lầm mà nhiều lập trình viên mới vào nghề thường mắc phải: Họ cố gắng sử dụng các comment để bổ sung một phần cho code của họ. Trong nhiều trường hợp, nó thực sự không cần thiết. Hãy xem xét version được tái cấu trúc sau:

function getUserAccountInfo(userIdNumber) {
    // the operations
}

• Tên hàm cho biết rõ mục đích của hàm.
• Các tham số cũng phải có tên có ý nghĩa.

Trong phần này, chúng ta chỉ nói về việc đặt tên có ý nghĩa cho một chức năng. Tuy nhiên, các tên có ý nghĩa nên được đặt cho tất cả các chức năng và cần xem xét những điều sau:

Các hàm có mục đích tương tự nên có tên tương tự. Ví dụ: nếu một tập hợp các hàm đang nhận một số loại dữ liệu, chúng ta có thể đặt tên cho tất cả chúng theo cách bắt đầu bằng get, chẳng hạn như getUserAccountInfo và getUserFriendList. Đừng ngại đặt một cái tên dài. IDE hiện đại có tính năng autofill. Bạn sẽ được gợi ý với danh sách biến có thể áp dụng và do đó bạn chỉ cần nhập một vài ký tự trước khi có thể tìm thấy tên hàm cần thiết mà bạn vừa cung cấp.

Hãy nhớ rằng một cái tên dài có ý nghĩa luôn tốt hơn một cái tên ngắn nhưng không rõ ràng.

4. Giảm thiểu số lượng tham số

Tôi không phải là người theo chủ nghĩa tối giản, nhưng tôi muốn giảm thiểu số lượng tham số nếu có thể. Nó không chỉ giúp khai báo hàm của bạn rõ ràng hơn mà còn giúp hàm của bạn dễ gọi. Hãy xem xét ví dụ sau:

function createNewUserAccount(username, email, password, phoneNumber, address) {
    let user = {
        "username": username,
        "email": email,
        "password": password,
        "phoneNumber": phoneNumber,
        "address": address
    }
    // create the new user in the database
}

Trong ví dụ trên, hàm có năm tham số mà bạn cần thiết lập khi gọi hàm này. Nếu bạn chuyển nhầm thứ tự, thao tác sẽ dẫn đến lỗi dữ liệu. Làm thế nào về phiên bản tái cấu trúc sau đây?

function createNewUserAccount(newUserInfoDict) {
    // create the new user in the database
}

let userInfo = {
    "username": username,
    "email": email,
    "password": password,
    "phoneNumber": phoneNumber,
    "address": address
}
createNewUserAccount(userInfo)

class User {
    constructor(username, email, password) {
        this.username = username;
        this.email = email;
        this.password = password;
    }
}

function createNewUserAccount(newUser) {
    // create the new user in the database
}

let user = new User("username", "[email protected]", "12345678");
user.phoneNumber = "1234567890";
user.address = "123 Main Street";
createNewUserAccount(user);