Trình đóng mở google và json

Question

Tôi có một chuỗi json mà tôi phân tích cú pháp và sau đó truy cập các thuộc tính của đối tượng bằng ký hiệu chấm. Tuy nhiên, trong trình biên dịch đóng cửa của google, ký hiệu chấm (MyObject.PropertyName) cảnh báo rằng thuộc tính không được xác định.

Hiện tại, giải pháp tôi đang sử dụng là chuyển mã của tôi thành ký hiệu khung (MyObject['PropertyName']). Điều này loại bỏ cảnh báo nhưng cũng ngăn cản trình biên dịch thực hiện công việc của nó. Mặt khác, khi tôi viết JSON.stringify(MyObject), máy chủ sẽ nhận được một chuỗi có tên thuộc tính dễ hiểu.

Vì vậy, câu hỏi của tôi là làm thế nào để chúng tôi sử dụng tốt nhất trình biên dịch google ở ​​chế độ nâng cao khi làm việc với các đối tượng json được deserialized và serialized khi chạy.

Answer 1

Nếu mã JavaScript duy nhất bạn viết sẽ truy cập vào json bên ngoài, thì nó sẽ đánh bại điểm sử dụng trình biên dịch. Tuy nhiên, nếu bạn thậm chí có một số lượng nhỏ JavaScript không hoạt động ngoài việc phân tích cú pháp json của bạn thành các mô hình miền thì trình biên dịch có thể hữu ích.

Trong trình phân tích cú pháp của chúng tôi, chúng tôi truy cập dữ liệu của chúng tôi thông qua ký hiệu khung để chúng tôi có thể nhận dữ liệu chính xác. Từ đó chúng tôi đưa dữ liệu vào các mô hình của riêng mình, mà chúng tôi sử dụng. ký hiệu trên. Chúng được đổi tên một cách hoang dại, cho chúng ta kiểm tra kiểu và tất cả sự tốt lành đó.

Chỉnh sửa >> Đối với dữ liệu tôi sử dụng XHRManager. Đây là một lớp học nghiêm túc. Khi tôi nhận được một sự kiện dữ liệu từ hồ bơi đó, tôi xử lý nó như sau.

/** 
* @private 
* @param {goog.events.Event} evt The event recieved from the XhrIo. 
*/ 
mypath.MyClass.prototype.onDataRecieved_ = function(evt) { 
    if (evt.type != 'complete') return; 
    var xhrIo = evt.target; 
    var data = xhrIo.getResponseJson(); 
    //do somethign! 
}; 

Tôi phải cảnh báo bạn, việc xử lý XHRManager của tôi vẫn để lại một chút công bằng mong muốn. Tôi chỉ tái cấu trúc mã của mình tuần trước để bắt đầu sử dụng nó.

Đối với phân tích tôi làm điều này: (Đây là một số công cụ thô từ cơ sở mã của tôi, vì vậy bỏ qua một số xấu xí.)

our.class.path.ContestJsonParser.prototype.setContestProperties = 
    function(contest, element) { 
    contest.setName(element['description']); 
    /** 
    * @type {!number} 
    */ 
    var timeAsInt = element['startTime']; 
    contest.setScheduledStartTime(timeAsInt); 
    var clockModel = contest.getClockModel(); 
    if (goog.isDefAndNotNull(element['period'])) { 
    clockModel.setMatchState(element['period']['periodName']); 
    clockModel.setStateStartTime(element['period']['periodStartTime']); 
    } 
    //TODO (Johan) this needs to change today to consider the rest of the stats 
    //information 
    var stats = element['statistics']; 
    if (goog.isObject(stats) && goog.isDefAndNotNull(stats['score'])) { 
    var score = stats['score']; 
    contest.setMatchScore(score['home'], score['away']); 
    } else { 
    contest.setMatchScore(undefined, undefined); // clears score. 
    } 
}; 

Answer 2

Bạn về cơ bản có hai lựa chọn:

1. sử dụng đối tượng truy cập mảng bằng cách sử dụng chuỗi ký tự (aka MyJsonObject['PropertyName']) đây là giải pháp đơn giản.
2. tạo tệp extern mô tả các thuộc tính trong đối tượng JSON của bạn và sau đó sử dụng ký hiệu chấm (aka MyJsonObject.PropertyName). Điều này đòi hỏi phải bảo trì nhiều hơn nhưng cho phép trình biên dịch gõ kiểm tra các thuộc tính nếu bạn cung cấp các chú thích kiểu trong mô tả bên ngoài của bạn.

Answer 3

EDIT: chỉ thị @expose đã bị phản đối

---

Google Closure Compiler phép bạn chỉ định, chỉ thị về cách biên soạn nên được thực hiện thông qua chú thích.

Xem: https://developers.google.com/closure/compiler/docs/js-for-compiler

đúng bằng @expose và @type bạn có thể duy trì tên của một tài sản trong mã của bạn.

Có thể giải mã một chuỗi JSON thành một đối tượng một cách an toàn và truy cập đối tượng đó bằng cách sử dụng ký hiệu dấu chấm . Bạn cũng có thể xâu chuỗi lại dữ liệu.

-

Hãy làm một ví dụ:

Bạn muốn phân tích một mảng của các đối tượng. Mỗi đối tượng đại diện cho một kích thước ", với các thuộc tính w cho chiều rộng và h cho chiều cao.

Khai báo một nguyên mẫu cho kích thước đối tượng và lộ thuộc tính của nó w và h

function size() {} 

/** @expose */ 
size.prototype.w = 0; 
/** @expose */ 
size.prototype.h = 0; 

Sau đó, bạn muốn đặt JSON phân tích dữ liệu vào một mảng gọi dữ liệu.

Sử dụng @type bạn tuyên bố rằng dữ liệu sẽ tổ chức một mảng của đối tượng kiểu kích thước.

function main() 
{ 
    /** @type {Array.<size>} */ 
    var data; 

    // string built up just for example purposes 
    var response = '[{"w": 10, "h": 20}]'; 

    // parse the array 
    var data = JSON.parse(response); 

    // access data with dot notation! 
    console.log(data[0].w+ " "+ data[0].h); 
} 

main();