Tôi hiện đang xác thực JavaScript của mình chống lại JSLint và đạt được tiến bộ, nó hỗ trợ tôi viết JavaScript tốt hơn - đặc biệt là khi làm việc với thư viện Jquery.

Bây giờ tôi đã bắt gặp JSHint , một nhánh của JSLint .
Vì vậy, tôi tự hỏi các ứng dụng web, vốn được sử dụng rất nhiều JavaScript, đây là công cụ xác thực tốt hơn hoặc phù hợp nhất để hoạt động:

• JSLint hay JSHint?

Tôi muốn quyết định ngay bây giờ về cơ chế xác nhận và tiến lên phía trước, sử dụng điều này để xác thực phía máy khách.

Và sự khác biệt giữa jshint và jslint? Hãy giải thích trong ví dụ javascript duy nhất.

Liên kết:

1. jshint - http://www.jshint.com/

2. jslint - http://jslint.com/

[EDIT]
Câu trả lời này đã được chỉnh sửa. Tôi sẽ để lại câu trả lời ban đầu bên dưới cho ngữ cảnh (nếu không các bình luận sẽ không có ý nghĩa).

Khi câu hỏi này ban đầu được hỏi, JSLint là công cụ linting chính cho JavaScript. JSHint là một nhánh mới của JSLint, nhưng chưa chuyển hướng nhiều so với bản gốc.

Kể từ đó, JSLint vẫn còn khá nhiều động tĩnh, trong khi JSHint đã thay đổi rất nhiều - nó đã vứt bỏ nhiều quy tắc đối kháng hơn của JSLint, đã thêm vào toàn bộ các quy tắc mới và nói chung trở nên linh hoạt hơn. Ngoài ra, một công cụ khác của ESLint hiện đã có sẵn, nó thậm chí còn linh hoạt hơn và có nhiều tùy chọn quy tắc hơn.

Trong câu trả lời ban đầu của tôi, tôi đã nói rằng bạn không nên ép buộc bản thân tuân thủ các quy tắc của JSLint; miễn là bạn hiểu lý do tại sao nó lại đưa ra cảnh báo, bạn có thể tự đưa ra phán quyết về việc có nên thay đổi mã để giải quyết cảnh báo hay không.

Với bộ quy tắc cực kỳ nghiêm ngặt của JSLint từ năm 2011, đây là lời khuyên hợp lý - tôi đã thấy rất ít bộ mã JavaScript có thể vượt qua bài kiểm tra JSLint. Tuy nhiên, với các quy tắc thực dụng hơn có sẵn trong các công cụ JSHint và ESLint ngày nay, việc đưa mã của bạn đi qua chúng với các cảnh báo bằng không là một đề xuất thực tế hơn nhiều.

Thỉnh thoảng vẫn có thể có trường hợp một kẻ nói dối sẽ phàn nàn về điều gì đó mà bạn đã cố ý - ví dụ, bạn biết rằng bạn nên luôn luôn sử dụng ===nhưng chỉ một lần này bạn có lý do chính đáng để sử dụng ==. Nhưng ngay cả khi đó, với ESLint, bạn có tùy chọn chỉ định eslint-disablexung quanh dòng đang đề cập để bạn vẫn có thể có bài kiểm tra vượt qua với các cảnh báo bằng không, với phần còn lại của mã tuân theo quy tắc. (đừng làm điều đó quá thường xuyên!)

[SAU TRẢ LỜI SAU]

Bằng mọi cách hãy sử dụng JSLint. Nhưng đừng để bị treo lên về kết quả và sửa chữa mọi thứ mà nó cảnh báo. Nó sẽ giúp bạn cải thiện mã của mình và nó sẽ giúp bạn tìm ra các lỗi tiềm ẩn, nhưng không phải mọi thứ mà JSLint phàn nàn về việc hóa ra lại là một vấn đề thực sự, vì vậy đừng cảm thấy như bạn phải hoàn thành quy trình với các cảnh báo bằng không.

Khá nhiều mã Javascript với độ dài hoặc độ phức tạp đáng kể sẽ tạo ra các cảnh báo trong JSLint, bất kể nó được viết tốt như thế nào. Nếu bạn không tin tôi, hãy thử chạy một số thư viện phổ biến như JQuery thông qua nó.

Một số cảnh báo của JSLint có giá trị hơn các cảnh báo khác: tìm hiểu xem cái nào cần chú ý và cái nào ít quan trọng hơn. Mọi cảnh báo nên được xem xét, nhưng không cảm thấy bắt buộc phải sửa mã của bạn để xóa bất kỳ cảnh báo nào; Hoàn toàn ổn khi xem mã và quyết định bạn hài lòng với nó; có những lúc mà những thứ mà JSlint không thích thực sự là điều đúng đắn.

tl; dr takeaway :

Nếu bạn đang tìm kiếm một tiêu chuẩn rất cao cho bản thân hoặc nhóm, thì JSLint. Nhưng nó không nhất thiết là tiêu chuẩn, chỉ là tiêu chuẩn, một số trong đó đến với chúng ta một cách giáo điều từ một vị thần javascript tên Doug Crockford. Nếu bạn muốn linh hoạt hơn một chút hoặc có một số ưu điểm cũ trong nhóm của bạn mà không mua theo ý kiến ​​của JSLint hoặc thường xuyên qua lại giữa JS và các ngôn ngữ gia đình C khác, hãy thử dùng JSHint.

phiên bản dài :

Lý do đằng sau ngã ba giải thích khá rõ lý do tại sao JSHint tồn tại:

http://badassjs.com/post/3364925033/jshint-an-community-driven-fork-of-jslint http://anton.kovalyov.net/2011/02/20/why-i-forked-jslint-to -jshint /

Vì vậy, tôi đoán ý tưởng là nó "hướng đến cộng đồng" chứ không phải do Crockford điều khiển. Trong thực tế, JSHint thường nhẹ nhàng hơn một chút (hoặc ít nhất là có thể định cấu hình hoặc bất khả tri) đối với một vài "ý kiến" cú pháp và phong cách mà JSLint là một yếu tố quyết định.

Ví dụ: nếu bạn nghĩ cả A và B dưới đây đều ổn hoặc nếu bạn muốn viết mã với một hoặc nhiều khía cạnh của A không có trong B, thì JSHint là dành cho bạn. Nếu bạn nghĩ B là lựa chọn chính xác duy nhất ... JSLint. Tôi chắc chắn có những khác biệt khác, nhưng điều này nổi bật một vài.

A) Vượt qua JSHint khỏi hộp - không thành công JSLint

(function() {
  "use strict";
  var x=0, y=2;
  function add(val1, val2){
    return val1 + val2;
  }
  var z;
  for (var i=0; i<2; i++){
    z = add(y, x+i);
  }
})();

B) Vượt qua cả JSHint và JSLint

(function () {
    "use strict";
    var x = 0, y = 2, i, z;
    function add(val1, val2) {
       return val1 + val2;
    }
    for (i = 0; i < 2; i += 1) {
        z = add(y, x + i);
    }
}());

Cá nhân tôi thấy mã JSLint rất đẹp để xem xét và các tính năng cứng duy nhất của nó mà tôi không đồng ý là sự ghét bỏvar i = 0 của nó đối với hơn một khai báo var trong một hàm và khai báo for-loop và một số thực thi khoảng trắng cho khai báo hàm .

Một vài điều trong khoảng trắng mà JSLint thi hành, tôi thấy không hẳn là xấu, nhưng không đồng bộ với một số quy ước khoảng trắng khá chuẩn cho các ngôn ngữ khác trong gia đình (C, Java, Python, v.v.), thường tiếp theo là các quy ước trong Javascript. Vì tôi viết bằng nhiều ngôn ngữ khác nhau trong suốt cả ngày và làm việc với các thành viên trong nhóm, những người không thích khoảng trắng kiểu Lint trong mã của chúng tôi, tôi thấy rằng JSHint là một sự cân bằng tốt. Nó nắm bắt được những thứ đó là một lỗi hợp pháp hoặc hình thức thực sự xấu, nhưng không sủa với tôi như JSLint (đôi khi, theo cách mà tôi không thể vô hiệu hóa) cho các ý kiến ​​về phong cách hoặc cú pháp cú pháp mà tôi không quan tâm.

Rất nhiều thư viện tốt không phải là Lint'able, mà theo tôi chứng minh rằng có một sự thật với ý tưởng rằng một số JSLint chỉ đơn giản là về việc đẩy 1 phiên bản "mã tốt" (thực sự là mã tốt). Nhưng một lần nữa, các thư viện tương tự (hoặc các thư viện tốt khác) có lẽ cũng không phải là Gợi ý, vì vậy, touché.

Có một "trình phát " trưởng thành và tích cực khác được phát triển trên mặt trận linting javascript - ESLint:

ESLint là một công cụ để xác định và báo cáo về các mẫu được tìm thấy trong mã ECMAScript / JavaScript. Theo nhiều cách, nó tương tự như JSLint và JSHint với một vài ngoại lệ:

• ESLint sử dụng Esprima để phân tích cú pháp JavaScript.
• ESLint sử dụng AST để đánh giá các mẫu trong mã.
• ESLint hoàn toàn có thể cắm được, mỗi quy tắc là một plugin và bạn có thể bổ sung thêm khi chạy.

Điều thực sự quan trọng ở đây là nó có thể mở rộng thông qua các plugin / quy tắc tùy chỉnh . Đã có nhiều plugin được viết cho các mục đích khác nhau. Trong số những người khác , có:

• eslint-plugin-angular (thực thi một số hướng dẫn từ Hướng dẫn phong cách góc cạnh của John Papa )
• eslint-plugin-hoa nhài
• eslint-plugin-xương sống

Và, tất nhiên, bạn có thể sử dụng công cụ xây dựng của mình để chạy ESLint:

• lẩm bẩm
• gulp-eslint

Tôi đã có cùng một câu hỏi một vài tuần trước đây và đang đánh giá cả JSLint và JSHint.

Trái với câu trả lời trong câu hỏi này, kết luận của tôi không phải là:

Bằng mọi cách hãy sử dụng JSLint.

Hoặc là:

Nếu bạn đang tìm kiếm một tiêu chuẩn rất cao cho bản thân hoặc nhóm, thì JSLint.

Vì bạn có thể định cấu hình gần như các quy tắc tương tự trong JSHint như trong JSLint. Vì vậy, tôi sẽ lập luận rằng không có nhiều khác biệt trong các quy tắc bạn có thể đạt được.

Vì vậy, lý do để chọn cái này hơn cái khác là chính trị hơn là kỹ thuật.

Cuối cùng chúng tôi đã quyết định đồng hành cùng với JSHint vì những lý do sau:

• Có vẻ là cấu hình nhiều hơn mà JSLint.
• Trông chắc chắn là hướng đến cộng đồng nhiều hơn là một người đàn ông (cho dù The Man tuyệt vời đến thế nào ).
• JSHint phù hợp với kiểu mã OOTB của chúng tôi tốt hơn đó là JSLint.

Tôi sẽ đưa ra đề xuất thứ ba, Trình biên dịch đóng cửa của Google (và cũng là Trình đóng cửa đóng ). Bạn có thể thử nó trực tuyến ở đây .

Trình biên dịch đóng cửa là một công cụ giúp tải xuống JavaScript và chạy nhanh hơn. Nó là một trình biên dịch thực sự cho JavaScript. Thay vì biên dịch từ ngôn ngữ nguồn sang mã máy, nó biên dịch từ JavaScript sang JavaScript tốt hơn. Nó phân tích cú pháp JavaScript của bạn, phân tích nó, loại bỏ mã chết và viết lại và giảm thiểu những gì còn lại. Nó cũng kiểm tra cú pháp, tham chiếu biến và các loại và cảnh báo về các cạm bẫy JavaScript phổ biến.

Lời nói đầu: Vâng, điều đó leo thang nhanh chóng. Nhưng quyết định kéo nó qua. Có thể câu trả lời này hữu ích cho bạn và các độc giả khác.

Gợi ý mã

Mặc dù JSLint và JSHint là những công cụ tốt để sử dụng, nhưng trong nhiều năm qua tôi đã đánh giá cao những gì bạn tôi @ugly_syntax gọi:

không gian thiết kế nhỏ hơn .

Đây là một nguyên tắc chung, giống như một "nhà sư zen", giới hạn các lựa chọn mà người ta phải đưa ra, một người có thể làm việc hiệu quả và sáng tạo hơn.

Do đó, kiểu mã JS không cấu hình yêu thích hiện tại của tôi:

Tiêu chuẩnJS .

CẬP NHẬT :

Dòng chảy đã được cải thiện rất nhiều. Với nó, bạn có thể thêm các loại vào JS của mình với sẽ giúp bạn ngăn chặn rất nhiều lỗi. Nhưng nó cũng có thể tránh xa bạn, ví dụ như khi can thiệp vào JS chưa được xử lý. Hãy thử một lần!

Bắt đầu nhanh / TL; DR

Thêm standardnhư một phụ thuộc cho dự án của bạn

npm install --save standard

Sau đó package.json, thêm tập lệnh kiểm tra sau:

"scripts": {
    "test": "node_modules/.bin/standard && echo put further tests here"
},

Để có đầu ra snazzier trong khi phát triển npm install --global snazzyvà chạy nó thay vìnpm test .

Lưu ý: Kiểm tra loại so với Heuristic

Bạn tôi khi đề cập đến không gian thiết kế đã đề cập đến Elm và tôi khuyến khích bạn hãy thử ngôn ngữ đó.

Tại sao? JS là trong thực tế lấy cảm hứng từ LISP, mà là một lớp học đặc biệt của ngôn ngữ, mà sẽ xảy ra là không định kiểu . Các ngôn ngữ như Elm hoặc Purescript là các ngôn ngữ lập trình chức năng được gõ .

Loại hạn chế quyền tự do của bạn để trình biên dịch có thể kiểm tra và hướng dẫn bạn khi bạn kết thúc vi phạm ngôn ngữ hoặc quy tắc của chương trình của riêng bạn; bất kể kích thước (LỘC) của chương trình của bạn.

Gần đây chúng tôi đã có một đồng nghiệp cơ sở thực hiện giao diện phản ứng hai lần: một lần trong Elm, một lần trong React; có một cái nhìn để có được một số ý tưởng về những gì tôi đang nói về.

So sánh Main.elm(đánh máy) index.js(tháo, không kiểm tra)

(ps. lưu ý rằng mã React không phải là thành ngữ và có thể được cải thiện)

Một nhận xét cuối cùng,

thực tế là JS được tháo gỡ. Tôi là ai để đề nghị gõ chương trình cho bạn?

Hãy xem, với JS, chúng ta ở trong một miền khác: được giải phóng khỏi các loại, chúng ta có thể dễ dàng thể hiện những thứ khó hoặc không thể đưa ra một loại thích hợp (chắc chắn có thể là một lợi thế).

Nhưng không có loại nào có rất ít để giữ cho các chương trình của chúng tôi được kiểm tra, vì vậy chúng tôi buộc phải giới thiệu các thử nghiệm và (với một phần mở rộng ít hơn).

Tôi khuyên bạn nên xem LISP (ví dụ ClojureScript ) để tìm cảm hứng và đầu tư vào việc thử nghiệm mã của bạn. Đọc cách của trạm biến áp để có ý tưởng.

Sự thanh bình.

Chà, thay vì thực hiện các cài đặt lint thủ công, chúng ta có thể bao gồm tất cả các cài đặt lint ở đầu tệp tin của mình, vd

Khai báo tất cả các var toàn cầu trong tệp đó như:

/*global require,dojo,dojoConfig,alert */

Khai báo tất cả các cài đặt lint như:

/*jslint browser:true,sloppy:true,nomen:true,unparam:true,plusplus:true,indent:4 */

Hy vọng điều này sẽ giúp bạn :)

Ngoài ra còn có một giải pháp thay thế được phát triển tích cực khác - JSCS - Kiểu mã JavaScript :

JSCS là một kẻ nói dối kiểu mã để lập trình thực thi hướng dẫn phong cách của bạn. Bạn có thể định cấu hình chi tiết JSCS cho dự án của mình bằng cách sử dụng hơn 150 quy tắc xác thực, bao gồm các cài đặt trước từ các hướng dẫn kiểu phổ biến như jQuery, Airbnb, Google, v.v.

Nó đi kèm với nhiều cài đặt trước mà bạn có thể chọn bằng cách chỉ định tệp presettrong .jscsrccấu hình và tùy chỉnh nó - ghi đè, bật hoặc tắt bất kỳ quy tắc nào:

{
    "preset": "jquery",
    "requireCurlyBraces": null
}

Ngoài ra còn có các plugin và tiện ích mở rộng được xây dựng cho các biên tập viên phổ biến.

Cũng thấy:

• Mã hoàn hảo, không nỗ lực