Làm cách nào để viết đoạn mã jQuery này đẹp hơn

Question

Hai chức năng này sẽ được kích hoạt khi tải và thay đổi kích thước. Tôi đang tự hỏi làm thế nào để viết nó nhỏ gọn và đẹp hơn. Ý tưởng nào?

$(document).ready(function() { 
    fullScreen(); 
    footer(); 
    $(window).resize(function() { 
     fullScreen(); 
     footer(); 
    }); 
}); 

Answer 1

Bạn có thể kích hoạt các sự kiện resize ngay sau khi bạn đăng ký xử lý của bạn:

$(document).ready(function() { 
    $(window).resize(function() { // Register handler. 
     fullScreen(); 
     footer(); 
    }).resize();     // Trigger event. 
}); 

Answer 2

Vâng, bạn có thể kết hợp chúng thành một chức năng, nhưng tôi không chắc chắn nó nhiều hơn "đẹp":

jQuery(function($) { 

    both(); 
    $(window).resize(both); 

    function both() { 
     fullScreen(); 
     footer(); 
    } 
}); 

Nó giải quyết vấn đề không lặp lại chính mình.

Tắt chủ đề: Tôi cũng đã chuyển $(document).ready(function(){... thành jQuery(function($){.... Nó cũng giống như vậy, nhưng làm cho mã được trích dẫn tương thích với noConflict, nếu nó hữu ích. Nếu bạn không bao giờ muốn noConflict tương thích, bạn có thể sử dụng $(function(){... thay vào đó, nhưng hey, từ sáu ký tự thêm ...

Answer 3

$(function() { 
    function both() { 
     fullScreen(); 
     footer(); 
    } 

    both(); 
    $(window).resize(both); 
}); 

Answer 4

$(document).ready(function() { 
     var doStuff = function() { 
      fullScreen(); 
      footer(); 
     }; 
     doStuff(); 

     $(window).resize(function() { 
      doStuff(); 
     }); 
    }); 

Answer 5

@TJ Câu trả lời của Crowder (gọi đến phương thức khác) có vẻ là một giải pháp lý tưởng.

Cuộc gọi đến phương thức mới ghi lại ý định của các cuộc gọi đến cả hai phương pháp đó, làm cho nó chức năng.

Ngoài ra, nếu bạn cần thay đổi việc cần làm khi tải hoặc đổi kích thước, bạn chỉ phải thay đổi nó theo một phương pháp làm cho nó duy trì được.

Tên có ý nghĩa, ví dụ: readjustLayoutAfterResize mô tả ý định làm cho nó có thể đọc được.

Chức năng, có thể bảo trì và dễ đọc là đẹp đối với tôi và tôi chắc chắn với bất kỳ ai sẽ duy trì nó.