Làm thế nào để chống lại hàng tấn cảnh báo về các biến chưa được giải quyết trong Webstorm?

Tôi có một hàm lấy dữ liệu từ máy chủ:

function getData(data){
    console.log(data.someVar);
}

Webstorm nói rằng someVar- là một biến chưa được giải quyết. Tôi có thể làm gì để thoát khỏi những cảnh báo như vậy?

Tôi thấy một số tùy chọn:

• Loại bỏ cảnh báo trong cài đặt Ide;
• Thêm tệp nguồn json với các trường ( chi tiết );
• Sử dụng mảng giống như cú pháp: data['some_unres_var'];

Ngoài ra, Webstorm đề nghị tôi tạo không gian tên cho "dữ liệu" (thêm chú thích như /** @namespace data.some_unres_var*/), tạo trường như vậy hoặc đổi tên nó.

Sử dụng JSDoc:

/**
 * @param {{some_unres_var:string}} data
 */
function getData(data){
    console.log(data.some_unres_var);
}

JSDoc đối tượng. Sau đó, các thành viên của nó.

/**
 * @param data          Information about the object.
 * @param data.member   Information about the object's members.
 */
function getData(data){
    console.log(data.member);
}

• @property cho các biến cục bộ (không phải tham số)
• Đã thử nghiệm trong PyCharm. @Nicholi xác nhận nó hoạt động trong Webstorm.
• Các {{ member:type }}Andreas cú pháp gợi ý có thể xung đột với Django mẫu.
• Cảm ơn câu trả lời của Jonny Buchanan đã trích dẫn @param wiki .

Để ghi lại các mảng đối tượng , hãy sử dụng []dấu ngoặc như JSDoc đề xuất :

/**
 * @param data
 * @param data.array_member[].foo
 */

Tất cả các câu trả lời khác đều không chính xác đối với trường hợp chung. Nếu bạn không nhận được datadưới dạng tham số thì sao? Khi đó bạn không có JSDoc:

function niceApiCall(parameters) {
  const result = await ...  // HTTP call to the API here
  for (const e of result.entries) {
    .. // decorate each entry in the result
  }
  return result;
}

WebStorm sẽ cảnh báo rằng "result.entries" là một biến (trường) chưa được giải quyết.

Giải pháp chung là thêm một @namespacekhai báo:

function niceApiCall(parameters) {
  /** @namespace result.entries **/
  const result = await ...  // HTTP call to the API here
  for (const e of result.entries) {
    .. // decorate each entry in the result
  }
  return result;
}

sử dụng tệp js giả với biểu thức hàm ẩn danh trả về chữ json, như được viết tại http://devnet.jetbrains.com/message/5366907 , có thể là một giải pháp. Tôi cũng có thể đề xuất tạo một biến giả sẽ giữ giá trị json này và sử dụng var này làm giá trị của chú thích @param để cho WebStorm biết kiểu thực sự là gì. Giống:

var jsontext = {"some_unres_var":"val"};
/** @param {jsontext} data */
function getData(data){
    console.log(data.some_unres_var);
}

Xem thêm http://devnet.jetbrains.com/message/5504337#5504337

Phá hủy việc sử dụng, Luke.

function getData(data){
    const {member} = data;
    console.log(member);
}

Để loại bỏ các cảnh báo trên WebStorm IDE, bạn chỉ cần bỏ chọn các tùy chọn kiểm tra cho:

• Hàm Javascript chưa được giải quyết
• Biến Javascript chưa được giải quyết

ps . điều này sẽ loại bỏ các cảnh báo trên IDE, nhưng tôi không nghĩ đó là ý tưởng tốt nhất, bởi vì chúng tôi sẽ mất một trong những tiện ích tốt nhất trong IDE như Webstorm, điều này có thể làm giảm chất lượng mã của chúng tôi.

Mặc dù vậy, nếu bạn muốn làm theo trong menu: Tệp > Cài đặt > Trình chỉnh sửa > Kiểm tra, chúng tôi có thể tắt cảnh báo Javascript

Như hình sau: