Hướng dẫn angular decode html entities - giải mã góc thực thể html

Tôi đang gặp vấn đề với các thực thể HTML mã hóa và giải mã trên TextArea bằng ngmodel. Các nhu cầu back-end và đang gửi

import module

Nội dung chính Show

decode-html-entities
Cài đặt trong dự án của bạn
Làm thế nào để sử dụng?
Giấy phép
1. Giới thiệu
1.1 Ghi chú thuật ngữ
1.2 Ghi chú hướng dẫn
2 Khái niệm cơ bản về tệp nguồn
2.1 Tên tệp
2.2 Mã hóa tệp: UTF-8
2.3 ký tự đặc biệt
3 cấu trúc tệp nguồn
3.1 giấy phép hoặc thông tin bản quyền, nếu có mặt
3.2 import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })79 JSDOC, nếu có mặt
3.3 import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })75 Tuyên bố
3.3.3 import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })75 Xuất khẩu
3.4 Mô -đun ES
3.5
{{ text | decodeHtmlEntities }}
46
3.6 import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })83 và import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })84
3.7 Việc triển khai tệp
4 định dạng
4.1 niềng răng
4.2 Khối thụt: +2 không gian
4.3 Báo cáo
Giới hạn cột 4,4: 80
4,5 bao bọc dòng
4.6 Whitespace
4.7 Dấu ngoặc nhóm: Khuyến nghị
5 tính năng ngôn ngữ
5.1 Khai báo biến cục bộ
5.2 Mảng nghĩa đen
5.3 đối tượng theo nghĩa đen
5,5 chức năng
5.6 Chuỗi chữ
5,7 chữ số
5.8 Cấu trúc điều khiển
5.10 Kiểm tra bình đẳng
5.11 Các tính năng không được phép
6 Đặt tên
6.1 Quy tắc chung cho tất cả các định danh
6.2 Quy tắc theo loại định danh
6.3 Trường hợp lạc đà: được xác định
7.1 Mẫu chung
7.2 Markdown
7.3 Thẻ JSDOC
7,4 Line Gói
7.7 Nhận xét về Enum và typedef
7.8 Phương pháp và nhận xét chức năng
7.10 Loại chú thích
7.11 Chú thích khả năng hiển thị
8 chính sách
8.1 Các vấn đề không được xác định bởi Google Style: Hãy nhất quán!
8.2 Cảnh báo trình biên dịch
8.3 Khấu hao
8.4 Mã không theo kiểu Google
8.5 Quy tắc phong cách địa phương
8.6 Mã được tạo: Chủ yếu là được miễn trừ
9 Phụ lục
9.1 Tham khảo thẻ JSDOC
9.2 Quy tắc phong cách thường bị hiểu lầm
9.4 Ngoại lệ cho các nền tảng kế thừa

@NgModule({

declarations:[DecodeHtmlEntitiesModule],

exports:[DecodeHtmlEntitiesModule]

})

52 dưới dạng các thực thể HTML. Điều này có vẻ như sẽ dễ dàng để làm điều này, nhưng đối với cuộc sống của tôi, tôi không thể nghĩ ra một cách thẳng thắn/an toàn để làm điều đó.

Tôi cần lấy dữ liệu từ phần cuối và kết xuất các thực thể là văn bản bình thường cho người dùng.

Trên Save - Tôi cần gửi lại cho các ký tự đặc biệt của

import module
@NgModule({
    declarations:[DecodeHtmlEntitiesModule],    
    exports:[DecodeHtmlEntitiesModule]    
})

52 dưới dạng các thực thể.

Tiền thưởng nếu có một cách để làm một tấm chăn trên tất cả các nhân vật đặc biệt - không cần thiết, nhưng tại sao không.
</li></ol> Đã hỏi ngày 29 tháng 6 lúc 16:01Jun 29 at 16:01 <div class="imgBox"><img alt="Hướng dẫn angular decode html entities - giải mã góc thực thể html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/huong-dan-angular-decode-html-entities-giai-ma-goc-thuc-the-html---aHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9MQVBRUS5qcGc/cz02NCZnPTE=.webp"></img></div>RooksstriferooksstrifeRooksStrife1.5953 huy hiệu vàng19 Huy hiệu bạc52 Huy hiệu đồng3 gold badges19 silver badges52 bronze badges1Bạn có thể sử dụng InnerHTML để tải nội dung HTML<pre><code><textarea class="form-control" rows="5" id="comment" [innerHtml]="employee.comments" [(ngModel)]="employee.comments"> </code></pre>Bạn có thể tham khảo điều này để biết thêm thông tin.Câu trả lời truy vấn tương tự. Gói NPM cách khác Đã trả lời ngày 29 tháng 6 lúc 17:16Jun 29 at 17:16 <div class="imgBox"><img alt="Hướng dẫn angular decode html entities - giải mã góc thực thể html" data-orgimg="https://sg.cdnki.com/huong-dan-angular-decode-html-entities-giai-ma-goc-thuc-the-html---aHR0cHM6Ly9saDQuZ29vZ2xldXNlcmNvbnRlbnQuY29tLy1nc25kN3J2Q2lvZy9BQUFBQUFBQUFBSS9BQUFBQUFBQUpqYy91V0ZQYlVZcG1PMC9waG90by5qcGc/c3o9NjQ=.webp" ></img></div><h2></h2><div></div> 1.1.10 & nbsp; • & nbsp; public & nbsp; • & nbsp; xuất bản 6 năm trướcPublic • Published 6 years ago<ul><li> Readme</li><li> Khám phá BetaBETA</li><li>0 phụ thuộc</li><li>0 người phụ thuộc</li><li>16 phiên bản</li></ul><article><h2 id="decode-html-entities">decode-html-entities</h2><blockquote>Decode-html-entities chuyển đổi các ký tự đặc biệt như & amp thành &.</blockquote><h2 id="cai-dat-trong-du-an-cua-ban">Cài đặt trong dự án của bạn</h2><pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>54<h3>Thí dụ</h3><blockquote>Đầu vào: <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>55 Đầu ra: <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>56 </blockquote><h3 id="lam-the-nao-de-su-dung">Làm thế nào để sử dụng?</h3><pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre><pre> {{ text | decodeHtmlEntities }}</pre><h3>How?</h3><pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre><h2 id="giay-phep">Giấy phép</h2>Phần mềm MIT miễn phí, yeah!Free Software, Yeah!</article><div></div> <h2 id="1-gioi-thieu">1. Giới thiệu</h2>Tài liệu này đóng vai trò là định nghĩa đầy đủ về các tiêu chuẩn mã hóa Google Google cho mã nguồn trong ngôn ngữ lập trình JavaScript. Một tệp nguồn JavaScript được mô tả là theo kiểu Google khi và chỉ khi nó tuân thủ các quy tắc trong tài liệu này.complete definition of Google’s coding standards for source code in the JavaScript programming language. A JavaScript source file is described as being in Google Style if and only if it adheres to the rules herein.Giống như các hướng dẫn phong cách lập trình khác, các vấn đề bao gồm khoảng thời gian không chỉ các vấn đề thẩm mỹ của định dạng, mà cả các loại quy ước hoặc tiêu chuẩn mã hóa khác. Tuy nhiên, tài liệu này tập trung chủ yếu vào các quy tắc khó và nhanh mà chúng tôi tuân theo phổ biến và tránh đưa ra lời khuyên không thể thực thi rõ ràng (dù là con người hay công cụ).<h3 id="1-1-ghi-chu-thuat-ngu">1.1 Ghi chú thuật ngữ</h3>Trong tài liệu này, trừ khi có được làm rõ khác:<ol><li>Thuật ngữ bình luận luôn đề cập đến ý kiến thực hiện. Chúng tôi không sử dụng các nhận xét tài liệu cụm từ, thay vào đó sử dụng thuật ngữ phổ biến là JSDOC, cho cả hai chú thích văn bản và có thể đọc được bằng máy trong <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>57.</li><li>Hướng dẫn kiểu này sử dụng thuật ngữ RFC 2119 khi sử dụng các cụm từ phải, không nên, không nên, và có thể. Các thuật ngữ thích và tránh tương ứng với nên và không nên, tương ứng. Các tuyên bố bắt buộc và khai báo là quy định và tương ứng với phải.</li> </ol>Các ghi chú thuật ngữ khác sẽ thỉnh thoảng xuất hiện trong suốt tài liệu.<h3 id="1-2-ghi-chu-huong-dan">1.2 Ghi chú hướng dẫn</h3>Mã ví dụ trong tài liệu này là không quy phạm. Đó là, trong khi các ví dụ theo kiểu Google, chúng có thể không minh họa cách duy nhất phong cách để đại diện cho mã. Các lựa chọn định dạng tùy chọn được thực hiện trong các ví dụ không được thực thi như các quy tắc.non-normative. That is, while the examples are in Google Style, they may not illustrate the only stylish way to represent the code. Optional formatting choices made in examples must not be enforced as rules.<h2 id="2-khai-niem-co-ban-ve-tep-nguon">2 Khái niệm cơ bản về tệp nguồn</h2><h3 id="2-1-ten-tep">2.1 Tên tệp</h3>Tên tệp phải là tất cả các chữ thường và có thể bao gồm dấu gạch dưới (<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>58) hoặc dấu gạch ngang (<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>59), nhưng không có dấu chấm câu bổ sung. Thực hiện theo quy ước mà dự án của bạn sử dụng. Tiện ích mở rộng FileName phải là <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>60.<h3 id="2-2-ma-hoa-tep-utf-8">2.2 Mã hóa tệp: UTF-8</h3>Các tập tin nguồn được mã hóa trong UTF-8.UTF-8.<h3 id="2-3-ky-tu-dac-biet">2.3 ký tự đặc biệt</h3><h4>2.3.1 ký tự khoảng trắng</h4>Ngoài trình tự kết thúc dòng, ký tự không gian ngang ASCII (0x20) là ký tự khoảng trắng duy nhất xuất hiện ở bất cứ đâu trong tệp nguồn. Điều này ngụ ý rằng<ol><li>Tất cả các ký tự khoảng trắng khác trong chuỗi chữ được thoát ra, và</li><li>Các ký tự tab không được sử dụng để thụt lề.not used for indentation.</li></ol><h4>2.3.2 Trình tự thoát đặc biệt</h4>Đối với bất kỳ ký tự nào có trình tự thoát đặc biệt (<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>61, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>62, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>63, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>64, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>65, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>66, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>67, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>68, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>69) Legacy Octal Escapes không bao giờ được sử dụng.<h4>2.3.3 Các ký tự không phải ASCII</h4>Đối với các ký tự không phải ASCII còn lại, ký tự unicode thực tế (ví dụ: <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>73) hoặc thoát Hex hoặc unicode tương đương (ví dụ: <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>74) được sử dụng, chỉ tùy thuộc vào đó làm cho mã dễ đọc và hiểu hơn.easier to read and understand.Mẹo: Trong trường hợp Escape Escape, và đôi khi ngay cả khi các ký tự Unicode thực tế được sử dụng, một nhận xét giải thích có thể rất hữu ích.<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre><pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>Mẹo: Không bao giờ làm cho mã của bạn không thể đọc được chỉ đơn giản là vì sợ rằng một số chương trình có thể không xử lý các ký tự không phải ASCII đúng cách. Nếu điều đó xảy ra, những chương trình đó bị phá vỡ và chúng phải được sửa.broken and they must be fixed.<h2 id="3-cau-truc-tep-nguon">3 cấu trúc tệp nguồn</h2>Tất cả các tệp nguồn mới phải là tệp <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 (một tệp chứa cuộc gọi <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75) hoặc mô -đun ecmascript (ES) (sử dụng các câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>77 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>78). Các tệp bao gồm các tệp sau, theo thứ tự:in order:<ol><li>Giấy phép hoặc thông tin bản quyền, nếu có mặt</li><li><pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>79 JSDOC, nếu có mặt</li><li>Câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75, nếu tệp <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75</li><li>Các câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>77, nếu một mô -đun ES</li><li><pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84</li><li>Việc triển khai tập tin</li></ol>Chính xác một dòng trống phân tách mỗi phần có mặt, ngoại trừ việc triển khai của tệp, có thể đi trước 1 hoặc 2 dòng trống. separates each section that is present, except the file's implementation, which may be preceded by 1 or 2 blank lines.<h3 id="3-1-giay-phep-hoac-thong-tin-ban-quyen-neu-co-mat">3.1 giấy phép hoặc thông tin bản quyền, nếu có mặt</h3>Nếu giấy phép hoặc thông tin bản quyền thuộc về một tệp, nó thuộc về đây.<h3 id="3-2-import-module-ngmodule-declarations-decodehtmlentitiesmodule-exports-decodehtmlentitiesmodule-79-jsdoc-neu-co-mat">3.2 import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })79 JSDOC, nếu có mặt</h3>Nhìn thấy ?? cho các quy tắc định dạng.<h3 id="3-3-import-module-ngmodule-declarations-decodehtmlentitiesmodule-exports-decodehtmlentitiesmodule-75-tuyen-bo">3.3 import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })75 Tuyên bố</h3>Tất cả các tệp <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 phải khai báo chính xác một tên <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 trên một dòng duy nhất: các dòng chứa khai báo <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 không được gói và do đó là một ngoại lệ đối với giới hạn 80 cột.Toàn bộ đối số với goog.module là những gì xác định một không gian tên. Đó là tên gói (một định danh phản ánh đoạn của cấu trúc thư mục nơi mã sống) cộng với, tùy chọn, lớp chính/enum/giao diện mà nó xác định được liên kết đến cuối.Thí dụ <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre><h4>3.3.1 Phân cấp</h4>Không gian tên mô -đun có thể không bao giờ được đặt tên là con trực tiếp của không gian tên mô -đun khác.Disallowed:<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>Hệ thống phân cấp thư mục phản ánh hệ thống phân cấp không gian tên, do đó trẻ em được nuôi sâu hơn là các thư mục con của các thư mục phụ huynh cấp cao hơn. Lưu ý rằng điều này ngụ ý rằng chủ sở hữu của các nhóm không gian tên cha mẹ của cha mẹ nhất thiết phải nhận thức được tất cả các không gian tên trẻ em, vì chúng tồn tại trong cùng một thư mục.<h4>3.3.2 <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>90</h4>Câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 duy nhất có thể được theo sau bởi một cuộc gọi đến <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>92. Tránh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>93 khi có thể.Example:<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre><pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>90 tồn tại để dễ dàng chuyển đổi từ các không gian tên dựa trên phân cấp đối tượng truyền thống nhưng đi kèm với một số hạn chế đặt tên. Vì tên mô -đun con phải được tạo theo không gian tên cha, tên này không phải là con hoặc cha mẹ của bất kỳ <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 nào khác (ví dụ, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>96 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>97 không thể tồn tại an toàn, cũng không thể <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>96 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>99).must not be a child or parent of any other <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 (for example, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>96 and <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>97 cannot both exist safely, nor can <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>96 and <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>99).<h3 id="3-3-3-import-module-ngmodule-declarations-decodehtmlentitiesmodule-exports-decodehtmlentitiesmodule-75-xuat-khau">3.3.3 import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })75 Xuất khẩu</h3>Các lớp, enum, chức năng, hằng số và các ký hiệu khác được xuất bằng đối tượng <pre> {{ text | decodeHtmlEntities }}</pre>01. Các ký hiệu được xuất có thể được xác định trực tiếp trên đối tượng <pre> {{ text | decodeHtmlEntities }}</pre>01, hoặc nếu không được khai báo cục bộ và xuất khẩu riêng biệt. Các biểu tượng chỉ được xuất nếu chúng được sử dụng bên ngoài mô -đun. Các ký hiệu mô-đun không được xuất chưa được khai báo <pre> {{ text | decodeHtmlEntities }}</pre>03 cũng như tên của chúng kết thúc bằng một dấu gạch dưới. Không có đơn đặt hàng theo quy định cho các ký hiệu xuất khẩu và mô-đun-local.Examples:<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre><pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>0Không chú thích đối tượng <pre> {{ text | decodeHtmlEntities }}</pre>01 là <pre> {{ text | decodeHtmlEntities }}</pre>05 vì nó đã được coi là một hằng số bởi trình biên dịch.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>1<h3 id="3-4-mo-dun-es">3.4 Mô -đun ES</h3><h4>3.4.1 Nhập khẩu</h4>Báo cáo nhập không được bao bọc và do đó là một ngoại lệ đối với giới hạn 80 cột.<h5>3.4.1.1 Đường dẫn nhập</h5>Các tệp mô -đun ES phải sử dụng câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>77 để nhập các tệp mô -đun ES khác. Không <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 Mô -đun ES khác.________ 123.4.1.1.1 Tiện ích mở rộng tệp trong đường dẫn nhậpTiện ích mở rộng tệp <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>60 không phải là tùy chọn trong các đường dẫn nhập và phải luôn luôn được đưa vào.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>3<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>4<h5>3.4.1.2 Nhập cùng một tệp nhiều lần</h5>Không nhập cùng một tệp nhiều lần. Điều này có thể làm cho nó khó xác định nhập khẩu tổng hợp của một tệp.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>5<h5>3.4.1.3 Đặt tên nhập khẩu</h5>3.4.1.3.1 Nhập mô -đun đặt tênTên nhập mô -đun (<pre> {{ text | decodeHtmlEntities }}</pre>09) là các tên <pre> {{ text | decodeHtmlEntities }}</pre>10 có nguồn gốc từ tên tệp đã nhập.________ 16 ________ 173.4.1.3.2 Đặt tên nhập khẩu mặc địnhTên nhập mặc định được lấy từ tên tệp đã nhập và tuân theo các quy tắc trong ??.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>8Lưu ý: Nói chung điều này không nên xảy ra khi xuất khẩu mặc định bị cấm bởi hướng dẫn kiểu này, xem ??. Nhập mặc định chỉ được sử dụng để nhập các mô -đun không phù hợp với hướng dẫn kiểu này.3.4.1.3.3 Đặt tên nhập khẩu được đặt tênTrong các ký hiệu chung được nhập thông qua nhập được đặt tên (<pre> {{ text | decodeHtmlEntities }}</pre>11) sẽ giữ cùng tên. Tránh nhập khẩu bí danh (<pre> {{ text | decodeHtmlEntities }}</pre>12). Thích sửa lỗi va chạm tên bằng cách sử dụng nhập mô -đun (<pre> {{ text | decodeHtmlEntities }}</pre>13) hoặc tự đổi tên cho chính xuất khẩu.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>9Nếu cần đổi tên một lần nhập được đặt tên thì hãy sử dụng các thành phần của tên hoặc đường dẫn tệp của mô -đun đã nhập trong bí danh kết quả.<pre> {{ text | decodeHtmlEntities }}</pre>0<h4>3.4.2 Xuất khẩu</h4>Các biểu tượng chỉ được xuất nếu chúng được sử dụng bên ngoài mô -đun. Các ký hiệu mô-đun không được xuất chưa được khai báo <pre> {{ text | decodeHtmlEntities }}</pre>03 cũng như tên của chúng kết thúc bằng một dấu gạch dưới. Không có đơn đặt hàng theo quy định cho các ký hiệu xuất khẩu và mô-đun-local.<h5>3.4.2.1 Được đặt tên VS xuất khẩu mặc định</h5>Sử dụng xuất khẩu được đặt tên trong tất cả các mã. Bạn có thể áp dụng từ khóa <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>78 vào khai báo hoặc sử dụng cú pháp <pre> {{ text | decodeHtmlEntities }}</pre>16.Không sử dụng xuất khẩu mặc định. Nhập các mô -đun phải đặt tên cho các giá trị này, điều này có thể dẫn đến sự không nhất quán trong việc đặt tên trên các mô -đun.<pre> {{ text | decodeHtmlEntities }}</pre>1<pre> {{ text | decodeHtmlEntities }}</pre>2<pre> {{ text | decodeHtmlEntities }}</pre>3<h5>3.4.2.2 Xuất các lớp và đối tượng container tĩnh</h5>Không xuất các lớp container hoặc đối tượng bằng các phương thức hoặc thuộc tính tĩnh vì mục đích đặt tên.<pre> {{ text | decodeHtmlEntities }}</pre>4Thay vào đó, xuất các hằng số và chức năng riêng lẻ:<pre> {{ text | decodeHtmlEntities }}</pre>5<h5>3.4.2.3 Khả năng đột biến của xuất khẩu</h5>Các biến được xuất không được đột biến bên ngoài khởi tạo mô -đun.Có những lựa chọn thay thế nếu cần đột biến, bao gồm xuất một tham chiếu không đổi vào một đối tượng có các trường có thể thay đổi hoặc xuất các chức năng truy cập cho dữ liệu có thể thay đổi.<pre> {{ text | decodeHtmlEntities }}</pre>6<pre> {{ text | decodeHtmlEntities }}</pre>7<h5>3.4.2.4 Xuất từ</h5>Các câu lệnh <pre> {{ text | decodeHtmlEntities }}</pre>17 không được bao bọc và do đó là một ngoại lệ đối với giới hạn 80 cột. Điều này áp dụng cho cả hai hương vị <pre> {{ text | decodeHtmlEntities }}</pre>17.<pre> {{ text | decodeHtmlEntities }}</pre>8<h4>3.4.3 Các phụ thuộc tròn trong các mô -đun ES</h4>Không tạo chu kỳ giữa các mô -đun ES, mặc dù đặc điểm kỹ thuật ECMAScript cho phép điều này. Lưu ý rằng có thể tạo các chu kỳ với cả các câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>77 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>78.<pre> {{ text | decodeHtmlEntities }}</pre>9<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>0<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>1<h4>3.4.4 Tương tác với đóng cửa</h4><h5>3.4.4.1 Tham khảo Goog</h5>Để tham khảo không gian tên đóng <pre> {{ text | decodeHtmlEntities }}</pre>21, nhập ____222 của đóng.<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>2<pre> {{ text | decodeHtmlEntities }}</pre>22 chỉ xuất một tập hợp các thuộc tính từ toàn cầu <pre> {{ text | decodeHtmlEntities }}</pre>21 có thể được sử dụng trong các mô -đun ES.<h5>3.4.4.2 Goog.Require trong các mô -đun ES</h5><pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 trong các mô -đun ES hoạt động như trong các tệp <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75. Bạn có thể yêu cầu bất kỳ ký hiệu không gian tên đóng nào (nghĩa là các ký hiệu được tạo bởi <pre> {{ text | decodeHtmlEntities }}</pre>27 hoặc <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75) và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 sẽ trả về giá trị.<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>3<h5>3.4.4.3 Khai báo ID mô -đun đóng trong các mô -đun ES</h5><pre> {{ text | decodeHtmlEntities }}</pre>30 có thể được sử dụng trong các mô-đun ES để khai báo ID mô-đun giống như ____ 175. Điều này có nghĩa là ID mô -đun này có thể là <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83D, <pre> {{ text | decodeHtmlEntities }}</pre>33D, ________ 234'D, v.v. Như thể đó là một <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 không gọi <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>90. Nó không tạo ID mô -đun dưới dạng biểu tượng JavaScript có sẵn trên toàn cầu.A Do đó, đối số của <pre> {{ text | decodeHtmlEntities }}</pre>30 phải luôn kết thúc bằng một <pre> {{ text | decodeHtmlEntities }}</pre>42.Lưu ý: Đó là một lỗi khi gọi <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>90 trong một mô -đun ES, nó chỉ có thể được gọi từ các tệp <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75. Không có cách trực tiếp để liên kết một không gian tên di sản với một mô -đun ES.<pre> {{ text | decodeHtmlEntities }}</pre>30 chỉ nên được sử dụng để nâng cấp các tệp đóng lên các mô -đun ES tại chỗ, nơi sử dụng xuất khẩu được đặt tên.<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>4<h3 id="3-5-lt-p-gt-text-decodehtmlentities-lt-p-gt-46">3.5 {{ text | decodeHtmlEntities }}46</h3>Trong tệp <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75, câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 có thể tùy ý được theo sau bởi một cuộc gọi đến <pre> {{ text | decodeHtmlEntities }}</pre>49.Trong một mô -đun ES, các câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>77 có thể tùy ý được theo sau bởi một cuộc gọi đến <pre> {{ text | decodeHtmlEntities }}</pre>49.<h3 id="3-6-import-module-ngmodule-declarations-decodehtmlentitiesmodule-exports-decodehtmlentitiesmodule-83-va-import-module-ngmodule-declarations-decodehtmlentitiesmodule-exports-decodehtmlentitiesmodule-84">3.6 import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })83 và import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })84</h3>Nhập khẩu được thực hiện với các câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84. Các tên được nhập bởi một câu lệnh <pre>import module<div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 có thể được sử dụng cả trong mã và trong các chú thích loại, trong khi các tên được nhập bởi <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84 chỉ có thể được sử dụng trong các chú thích loại.Các câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84 tạo thành một khối liền kề không có đường trống. Khối này tuân theo tuyên bố <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 được phân tách bằng một dòng trống duy nhất. Toàn bộ đối số của <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 hoặc <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84 là không gian tên được xác định bởi <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75 trong một tệp riêng biệt. Các câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84 có thể không xuất hiện ở bất kỳ nơi nào khác trong tệp.Mỗi <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 hoặc <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84 được gán cho một bí danh không đổi, hoặc nếu không sẽ bị phá hủy thành một số bí danh không đổi. Những bí danh này là cách duy nhất được chấp nhận để đề cập đến các phụ thuộc trong các chú thích hoặc mã loại. Không được sử dụng các không gian tên đủ điều kiện ở bất cứ đâu, trừ khi là đối số với <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 hoặc <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84.Ngoại lệ: Các loại, biến và chức năng được khai báo trong các tệp bên ngoài phải sử dụng tên đủ điều kiện của chúng trong các chú thích và mã loại.: Types, variables, and functions declared in externs files have to use their fully qualified name in type annotations and code.Bí danh phải khớp với thành phần phân tách chấm cuối cùng của không gian tên của mô-đun đã nhập.Ngoại lệ: Trong một số trường hợp nhất định, các thành phần bổ sung của không gian tên có thể được sử dụng để tạo thành một bí danh dài hơn. Bí danh kết quả phải giữ lại vỏ của định danh ban đầu sao cho nó vẫn xác định chính xác loại của nó. Bí danh dài hơn có thể được sử dụng để phân loại các bí danh giống hệt nhau hoặc nếu nó cải thiện đáng kể khả năng đọc. Ngoài ra, phải sử dụng bí danh dài hơn để ngăn chặn các loại bản địa như <pre> {{ text | decodeHtmlEntities }}</pre>70, <pre> {{ text | decodeHtmlEntities }}</pre>71, <pre> {{ text | decodeHtmlEntities }}</pre>72, <pre> {{ text | decodeHtmlEntities }}</pre>73 và <pre> {{ text | decodeHtmlEntities }}</pre>74 (để biết danh sách đầy đủ hơn, hãy xem các đối tượng tích hợp tiêu chuẩn và API Web tại MDN). Khi đổi tên bí danh bị phá hủy, một không gian phải tuân theo đại tràng theo yêu cầu trong ??.: In certain cases, additional components of the namespace can be used to form a longer alias. The resulting alias must retain the original identifier's casing such that it still correctly identifies its type. Longer aliases may be used to disambiguate otherwise identical aliases, or if it significantly improves readability. In addition, a longer alias must be used to prevent masking native types such as <pre> {{ text | decodeHtmlEntities }}</pre>70, <pre> {{ text | decodeHtmlEntities }}</pre>71, <pre> {{ text | decodeHtmlEntities }}</pre>72, <pre> {{ text | decodeHtmlEntities }}</pre>73, and <pre> {{ text | decodeHtmlEntities }}</pre>74 (for a more complete list, see Standard Built-in Objects and Web APIs at MDN). When renaming destructured aliases, a space must follow the colon as required in ??.Một tệp không nên chứa cả câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84 cho cùng một không gian tên. Nếu tên đã nhập được sử dụng cả trong mã và trong các chú thích loại, nó sẽ được nhập bằng một câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 duy nhất.Nếu một mô -đun chỉ được nhập cho các tác dụng phụ của nó, cuộc gọi phải là <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 (không phải là <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84) và có thể bị bỏ qua. Một nhận xét là cần thiết để giải thích lý do tại sao điều này là cần thiết và đàn áp cảnh báo trình biên dịch.Các dòng được sắp xếp theo các quy tắc sau: Tất cả đều yêu cầu với tên ở phía bên trái đến trước, được sắp xếp theo thứ tự bảng chữ cái theo các tên đó. Sau đó, sự phá hủy yêu cầu, một lần nữa được sắp xếp theo tên ở phía bên trái. Cuối cùng, mọi yêu cầu gọi là độc lập (nói chung chúng là dành cho các mô -đun được nhập chỉ vì tác dụng phụ của chúng).Mẹo: Không cần phải ghi nhớ lệnh này và thực thi thủ công. Bạn có thể dựa vào IDE của mình để báo cáo yêu cầu không được sắp xếp chính xác.Nếu một bí danh dài hoặc tên mô-đun sẽ khiến một dòng vượt quá giới hạn 80 cột, thì không được gói: yêu cầu các dòng là một ngoại lệ đối với giới hạn 80 cột.must not be wrapped: require lines are an exception to the 80-column limit.Example:<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>5Discouraged:<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>6Disallowed:<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>7<h3 id="3-7-viec-trien-khai-tep">3.7 Việc triển khai tệp</h3>Việc thực hiện thực tế theo sau sau khi tất cả thông tin phụ thuộc được khai báo (cách nhau bởi ít nhất một dòng trống).Điều này có thể bao gồm bất kỳ khai báo mô-đun địa phương (hằng số, biến, lớp, chức năng, v.v.), cũng như bất kỳ ký hiệu được xuất nào.<h2 id="4-dinh-dang">4 định dạng</h2>Thuật ngữ Lưu ý: Xây dựng giống như khối đề cập đến phần thân của một lớp, chức năng, phương thức hoặc khối mã được phân tách bằng niềng. Lưu ý rằng, bởi ?? và ??, bất kỳ mảng hoặc đối tượng theo nghĩa đen nào có thể được đối xử như thể nó là một cấu trúc giống như khối.: block-like construct refers to the body of a class, function, method, or brace-delimited block of code. Note that, by ?? and ??, any array or object literal may optionally be treated as if it were a block-like construct.Mẹo: Sử dụng <pre> {{ text | decodeHtmlEntities }}</pre>80. Cộng đồng JavaScript đã đầu tư nỗ lực để đảm bảo Clang-Format thực hiện đúng trên các tệp JavaScript. <pre> {{ text | decodeHtmlEntities }}</pre>80 có tích hợp với một số biên tập viên phổ biến.<h3 id="4-1-nieng-rang">4.1 niềng răng</h3><h4>4.1.1 Niềng răng được sử dụng cho tất cả các cấu trúc điều khiển</h4>Niềng răng được yêu cầu cho tất cả các cấu trúc điều khiển (nghĩa là <pre> {{ text | decodeHtmlEntities }}</pre>82, <pre> {{ text | decodeHtmlEntities }}</pre>83, <pre> {{ text | decodeHtmlEntities }}</pre>84, <pre> {{ text | decodeHtmlEntities }}</pre>85, <pre> {{ text | decodeHtmlEntities }}</pre>86, cũng như bất kỳ ai khác), ngay cả khi cơ thể chỉ chứa một câu lệnh. Tuyên bố đầu tiên của một khối không trống phải bắt đầu trên dòng riêng của nó.Disallowed:<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>8Ngoại lệ: Một câu lệnh đơn giản nếu có thể phù hợp hoàn toàn trên một dòng không có gói (và điều đó không có một điều khác) có thể được giữ trên một dòng không có niềng răng khi nó cải thiện khả năng đọc. Đây là trường hợp duy nhất trong đó cấu trúc điều khiển có thể bỏ qua niềng răng và newlines.: A simple if statement that can fit entirely on a single line with no wrapping (and that doesn’t have an else) may be kept on a single line with no braces when it improves readability. This is the only case in which a control structure may omit braces and newlines.<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>9<h4>4.1.2 Khối không trống: Kiểu K & R</h4>Niềng răng theo phong cách Kernighan và Ritchie (khung Ai Cập) cho các khối không trống và các cấu trúc giống như khối:<ul><li>Không có đường ngắt trước khi nẹp mở.</li><li>Dòng phá vỡ sau khi nẹp mở.</li><li>Dòng phá vỡ trước khi nẹp đóng.</li><li>Phá vỡ dòng sau khi đóng niềng răng nếu niềng răng đó chấm dứt câu lệnh hoặc phần thân của hàm hoặc câu lệnh lớp hoặc phương pháp lớp. Cụ thể, không có đường ngắt sau khi nẹp nếu được theo sau bởi <pre> {{ text | decodeHtmlEntities }}</pre>83, <pre> {{ text | decodeHtmlEntities }}</pre>88, <pre> {{ text | decodeHtmlEntities }}</pre>86 hoặc dấu phẩy, dấu chấm phẩy hoặc phần tử phải.</li></ul>Thí dụ:<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>0<h4>4.1.3 Khối trống: Có thể ngắn gọn</h4>Một khối trống hoặc cấu trúc giống như khối có thể được đóng ngay sau khi nó được mở, không có ký tự, không gian hoặc đường ngắt ở giữa (nghĩa là <pre> {{ text | decodeHtmlEntities }}</pre>90), trừ khi nó là một phần của câu lệnh đa khối (một câu trực tiếp chứa nhiều Khối: ________ 282/________ 283 hoặc ________ 293/________ 288/________ 295).unless it is a part of a multi-block statement (one that directly contains multiple blocks: <pre> {{ text | decodeHtmlEntities }}</pre>82/<pre> {{ text | decodeHtmlEntities }}</pre>83 or <pre> {{ text | decodeHtmlEntities }}</pre>93/<pre> {{ text | decodeHtmlEntities }}</pre>88/<pre> {{ text | decodeHtmlEntities }}</pre>95).Example:<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>1Disallowed:<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>2<h3 id="4-2-khoi-thut-2-khong-gian">4.2 Khối thụt: +2 không gian</h3>Mỗi lần mở một khối hoặc cấu trúc giống như khối mới, thụt lề tăng thêm hai khoảng trắng. Khi khối kết thúc, vết lõm trở lại mức thụt đầu trước. Cấp độ thụt áp dụng cho cả mã và nhận xét trong suốt khối. (Xem ví dụ trong ??).<h4>4</h4>Bất kỳ mảng nào theo nghĩa đen có thể tùy ý được định dạng như thể nó là một cấu trúc giống như khối. Ví dụ: sau đây đều hợp lệ (không phải là danh sách đầy đủ):not an exhaustive list):<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>3<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>4Các kết hợp khác được cho phép, đặc biệt khi nhấn mạnh các nhóm ngữ nghĩa giữa các yếu tố, nhưng không nên được sử dụng để giảm kích thước thẳng đứng của các mảng lớn hơn.<h4>4.2.2 BÀI VIẾT Đối tượng: Tùy chọn Khối giống như khối</h4>Bất kỳ đối tượng nào theo nghĩa đen có thể tùy ý được định dạng như thể nó là một cấu trúc giống như khối. Các ví dụ tương tự áp dụng như ??. Ví dụ: sau đây đều hợp lệ (không phải là danh sách đầy đủ):not an exhaustive list):<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>5<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>6<h4>4.2.3 Lớp học</h4>Lớp học (cho dù khai báo hoặc biểu thức) được thụt vào làm khối. Không thêm dấu chấm phẩy sau các phương pháp, hoặc sau khi đóng cửa của một tuyên bố lớp (các câu lệnh, ví dụ như các bài tập mà có chứa các biểu thức lớp vẫn bị chấm dứt bằng dấu chấm phẩy). Sử dụng từ khóa <pre> {{ text | decodeHtmlEntities }}</pre>96, nhưng không phải là chú thích <pre> {{ text | decodeHtmlEntities }}</pre>97 JSDOC trừ khi lớp mở rộng một loại được chọn.Example:<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>7<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>8<h4>4.2.4 Biểu thức chức năng</h4>Khi khai báo một hàm ẩn danh trong danh sách các đối số cho một cuộc gọi chức năng, phần thân của hàm được thụt vào hai khoảng trắng nhiều hơn độ sâu thụt trước.Example:<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>9<h4>4.2.5 Câu lệnh chuyển đổi</h4>Như với bất kỳ khối nào khác, nội dung của một khối chuyển đổi được thụt vào +2.Sau khi một nhãn chuyển đổi, một dòng mới xuất hiện và mức thụt được tăng +2, chính xác như thể một khối được mở. Một khối rõ ràng có thể được sử dụng nếu được yêu cầu bởi phạm vi từ vựng. Nhãn chuyển đổi sau đây trở về cấp độ thụt trước đó, như thể một khối đã bị đóng.Một dòng trống là tùy chọn giữa <pre> {{ text | decodeHtmlEntities }}</pre>98 và trường hợp sau.Example:<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>0<h3 id="4-3-bao-cao">4.3 Báo cáo</h3><h4>4.3.1 Một tuyên bố trên mỗi dòng</h4>Mỗi câu lệnh được theo sau bởi một dòng phá vỡ.<h4>4.3.2 Semicolons được yêu cầu</h4>Mỗi tuyên bố phải được chấm dứt với một dấu chấm phẩy. Dựa vào việc chèn dấu chấm phẩy tự động bị cấm.<h3 id="gioi-han-cot-4-4-80">Giới hạn cột 4,4: 80</h3>Mã JavaScript có giới hạn cột là 80 ký tự. Trừ khi có lưu ý dưới đây, bất kỳ dòng nào sẽ vượt quá giới hạn này phải được bọc dòng, như được giải thích trong ??.Exceptions:<ol><li><pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84 (xem ?? và ??).</li><li>Mô -đun ES <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>77 và <pre> {{ text | decodeHtmlEntities }}</pre>17 (xem ?? và ??).</li><li>Các dòng không thể tuân theo giới hạn cột là không thể hoặc sẽ cản trở khả năng khám phá. Những ví dụ bao gồm:<ul><li>Một URL dài nên có thể nhấp trong nguồn.</li><li>Một lệnh shell dự định sẽ được sao chép và thực hiện.</li><li>Một chuỗi dài theo nghĩa đen có thể cần được sao chép hoặc tìm kiếm toàn bộ (ví dụ: một đường dẫn tệp dài).</li></ul></li></ol><h3 id="4-5-bao-boc-dong">4,5 bao bọc dòng</h3>Thuật ngữ Lưu ý: Gói dòng đang phá vỡ một đoạn mã thành nhiều dòng để tuân theo giới hạn cột, trong đó khối có thể phù hợp về mặt pháp lý trong một dòng.: Line wrapping is breaking a chunk of code into multiple lines to obey column limit, where the chunk could otherwise legally fit in a single line.Không có công thức toàn diện, xác định cho thấy chính xác cách bao bọc dòng trong mọi tình huống. Rất thường có một số cách hợp lệ để bao bọc dòng cùng một đoạn mã.Lưu ý: Mặc dù lý do điển hình cho việc bao bọc dòng là để tránh tràn ra giới hạn cột, nhưng ngay cả mã thực tế sẽ phù hợp trong giới hạn cột có thể được bao bọc theo quyết định của tác giả.Mẹo: Trích xuất một phương pháp hoặc biến cục bộ có thể giải quyết vấn đề mà không cần bao bọc dòng.<h4>4.5.1 Ở đâu để phá vỡ</h4>Chỉ thị chính của việc bao bọc dòng là: thích phá vỡ ở cấp độ cú pháp cao hơn.higher syntactic level. Preferred:<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>1Discouraged:<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>2Trong ví dụ trước, các mức cú pháp từ cao nhất đến thấp nhất như sau: gán, phân chia, gọi chức năng, tham số, hằng số số.Các nhà khai thác được bọc như sau: <ol><li>Khi một dòng bị phá vỡ tại một toán tử, giờ nghỉ sẽ xuất hiện sau biểu tượng. (Lưu ý rằng đây không phải là thực tiễn tương tự được sử dụng trong Google Style cho Java.)<ol><li>Điều này không áp dụng cho dấu chấm (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>04), thực sự không phải là người vận hành.</li></ol></li><li>Một tên phương thức hoặc tên tạo hàm được gắn vào dấu ngoặc đơn mở (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>05) theo sau nó.</li><li>Một dấu phẩy (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>06) được gắn vào mã thông báo trước nó.</li></ol><blockquote>Lưu ý: Mục tiêu chính cho gói dòng là có mã rõ ràng, không nhất thiết phải là mã phù hợp với số lượng nhỏ nhất.</blockquote><h4>4.5.2 Các dòng tiếp tục thụt vào ít nhất +4 không gian</h4>Khi bao bọc dòng, mỗi dòng sau lần đầu tiên (mỗi dòng tiếp tục) được thụt vào ít nhất +4 từ dòng ban đầu, trừ khi nó nằm trong các quy tắc của thụt khối.Khi có nhiều dòng tiếp tục, thụt có thể được thay đổi ngoài +4 khi thích hợp. Nói chung, các dòng tiếp tục ở cấp độ cú pháp sâu hơn được thụt tính bởi các bội số lớn hơn của 4 và hai dòng sử dụng cùng một mức thụt vào khi và chỉ khi chúng bắt đầu với các phần tử song song cú pháp.?? giải quyết việc thực hành không nản lòng khi sử dụng một số lượng không gian thay đổi để sắp xếp các mã thông báo nhất định với các dòng trước đó.<h3 id="4-6-whitespace">4.6 Whitespace</h3><h4>4.6.1 khoảng trắng dọc</h4>Một dòng trống duy nhất xuất hiện:<ol><li>Giữa các phương pháp liên tiếp trong một lớp hoặc đối tượng theo nghĩa đen<ol><li>Ngoại lệ: Một dòng trống giữa hai định nghĩa thuộc tính liên tiếp theo nghĩa đen của một đối tượng (không có mã nào khác giữa chúng) là tùy chọn. Những dòng trống như vậy được sử dụng khi cần thiết để tạo các nhóm hợp lý của các trường.</li></ol></li><li>Trong các cơ quan phương pháp, một cách tiết kiệm để tạo ra các nhóm câu lệnh logic. Các đường trống ở đầu hoặc cuối của một cơ thể chức năng không được phép.</li><li>Tùy chọn trước phương pháp đầu tiên hoặc sau phương pháp cuối cùng trong một lớp hoặc đối tượng theo nghĩa đen (không được khuyến khích cũng không nản lòng).</li><li>Theo yêu cầu của các phần khác của tài liệu này (ví dụ: ??).</li></ol>Nhiều dòng trống liên tiếp được cho phép, nhưng không bao giờ được yêu cầu (cũng không được khuyến khích).<h4>4.6.2 khoảng trắng ngang</h4>Việc sử dụng khoảng trắng ngang phụ thuộc vào vị trí và rơi vào ba loại rộng: dẫn đầu (khi bắt đầu một dòng), theo dõi (ở cuối một dòng) và nội bộ. Khoảng cách hàng đầu (tức là, thụt lề) được giải quyết ở nơi khác. Trailing Whitespace bị cấm.Ngoài các yêu cầu của ngôn ngữ hoặc các quy tắc phong cách khác, và ngoài các chữ, nhận xét và JSDOC, một không gian ASCII nội bộ duy nhất còn xuất hiện ở những nơi sau.only.<ol><li>Tách bất kỳ từ dành riêng nào (chẳng hạn như <pre> {{ text | decodeHtmlEntities }}</pre>82, <pre> {{ text | decodeHtmlEntities }}</pre>84 hoặc <pre> {{ text | decodeHtmlEntities }}</pre>88) ngoại trừ <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>10 và <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>11, từ dấu ngoặc đơn mở (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>05) theo nó trên dòng đó.</li><li>Tách bất kỳ từ dành riêng nào (chẳng hạn như <pre> {{ text | decodeHtmlEntities }}</pre>83 hoặc <pre> {{ text | decodeHtmlEntities }}</pre>88) khỏi một nẹp xoăn đóng (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>15) đi trước nó trên dòng đó.</li><li>Trước khi có niềng răng xoăn mở (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>16), với hai ngoại lệ:<ol><li>Trước một đối tượng theo nghĩa đen là đối số đầu tiên của hàm hoặc phần tử đầu tiên trong một mảng theo nghĩa đen (ví dụ: <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>17).</li><li>Trong một bản mở rộng mẫu, vì nó bị cấm bởi ngôn ngữ (ví dụ: hợp lệ: <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>18, không hợp lệ: <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>19).</li></ol></li><li>Ở cả hai phía của bất kỳ toán tử nhị phân hoặc ternary.</li><li>Sau một dấu phẩy (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>06) hoặc dấu chấm phẩy (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>21). Lưu ý rằng không gian không bao giờ được phép trước các ký tự này.</li><li>Sau đại tràng (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>22) trong một đối tượng theo nghĩa đen.</li><li>Ở cả hai phía của chém đôi (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>23) bắt đầu một nhận xét cuối cùng. Ở đây, nhiều không gian được cho phép, nhưng không bắt buộc.</li><li>Sau một ký tự nhận xét khối mở và ở cả hai mặt của ký tự gần (ví dụ: đối với các khai báo loại ngắn, phôi và tên tham số Nhận xét: <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>24; hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>25; hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>26).</li></ol><h4>4.6.3 Căn chỉnh ngang: Không nản lòng</h4>Thuật ngữ Lưu ý: Căn chỉnh theo chiều ngang là thực tiễn thêm một số lượng không gian bổ sung trong mã của bạn với mục tiêu làm cho các mã thông báo nhất định xuất hiện ngay bên dưới một số mã thông báo khác trên các dòng trước.: Horizontal alignment is the practice of adding a variable number of additional spaces in your code with the goal of making certain tokens appear directly below certain other tokens on previous lines.Thực tiễn này được cho phép, nhưng nó thường không được khuyến khích bởi phong cách Google. Thậm chí không cần phải duy trì sự liên kết ngang ở những nơi đã được sử dụng.generally discouraged by Google Style. It is not even required to maintain horizontal alignment in places where it was already used.Dưới đây là một ví dụ mà không liên kết, theo sau là một với sự liên kết. Cả hai đều được phép, nhưng sau này không được khuyến khích:<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>3Mẹo: Căn chỉnh có thể hỗ trợ khả năng đọc, nhưng nó tạo ra vấn đề cho việc bảo trì trong tương lai. Hãy xem xét một sự thay đổi trong tương lai cần chỉ chạm vào một dòng. Sự thay đổi này có thể để lại định dạng trước đây bị xáo trộn, và điều đó được cho phép. Thông thường, nó cũng nhắc nhở các lập trình viên (có lẽ bạn) cũng điều chỉnh khoảng trắng trên các dòng gần đó, có thể kích hoạt một loạt các định dạng lại. Sự thay đổi một dòng đó bây giờ có bán kính nổ. Điều này có thể dẫn đến điều tồi tệ nhất trong việc bận rộn vô nghĩa, nhưng tốt nhất là nó vẫn làm hỏng thông tin lịch sử phiên bản, làm chậm người đánh giá và làm trầm trọng thêm xung đột hợp nhất.<h4>4.6.4 Đối số chức năng</h4>Thích đặt tất cả các đối số chức năng trên cùng một dòng với tên hàm. Nếu làm như vậy sẽ vượt quá giới hạn 80 cột, các đối số phải được bọc theo một cách có thể đọc được. Để tiết kiệm không gian, bạn có thể bao bọc càng gần 80 càng tốt hoặc đặt mỗi đối số trên dòng riêng của mình để tăng cường khả năng đọc. Th thụt lề nên là bốn không gian. Căn chỉnh với dấu ngoặc đơn được cho phép, nhưng không được khuyến khích. Dưới đây là các mẫu phổ biến nhất để gói đối số:<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>4<h3 id="4-7-dau-ngoac-nhom-khuyen-nghi">4.7 Dấu ngoặc nhóm: Khuyến nghị</h3>Dấu ngoặc nhóm tùy chọn chỉ được bỏ qua khi tác giả và người đánh giá đồng ý rằng không có cơ hội hợp lý rằng mã sẽ bị giải thích sai nếu không có chúng, họ cũng sẽ không làm cho mã dễ đọc hơn. Không hợp lý khi cho rằng mọi người đọc đều có toàn bộ bảng điều khiển toán tử được ghi nhớ.Không sử dụng dấu ngoặc đơn không cần thiết xung quanh toàn bộ biểu thức sau <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>27, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>28, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>29, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>30, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>31, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>32, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>33, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>34 hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>35.Dấu ngoặc đơn được yêu cầu cho các loại phôi: <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>36.Phần này giải quyết các ý kiến thực hiện. JSDOC được giải quyết riêng trong ??.Nhận xét khối được thụt vào ở cùng cấp độ với mã xung quanh. Họ có thể ở trong <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>37 hoặc ________ 323 theo phong cách. Đối với các nhận xét đa dòng <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>37, các dòng tiếp theo phải bắt đầu với * được liên kết với <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>40 trên dòng trước, để làm cho nhận xét rõ ràng mà không có bối cảnh bổ sung.<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>5Nhận xét không được đặt trong các hộp được vẽ bằng dấu hoa thị hoặc các ký tự khác.Không sử dụng JSDOC (<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>57) để nhận xét thực hiện.Tên tham số Thông số Nhận xét nên được sử dụng bất cứ khi nào giá trị và tên phương thức không đủ truyền tải ý nghĩa và tái cấu trúc phương pháp để rõ ràng hơn là không khả thi. Định dạng ưa thích của chúng là trước giá trị với =:<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>6Để có tính nhất quán với mã xung quanh, bạn có thể đặt chúng sau giá trị mà không có =:<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>7<h2 id="5-tinh-nang-ngon-ngu">5 tính năng ngôn ngữ</h2>JavaScript bao gồm nhiều tính năng đáng ngờ (và thậm chí nguy hiểm). Phần này phân định các tính năng có thể hoặc không được sử dụng và bất kỳ ràng buộc bổ sung nào về việc sử dụng chúng.<h3 id="5-1-khai-bao-bien-cuc-bo">5.1 Khai báo biến cục bộ</h3><h4>5.1.1 Sử dụng <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>42 và <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>43</h4>Khai báo tất cả các biến cục bộ với <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>42 hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>43. Sử dụng const theo mặc định, trừ khi một biến cần được chỉ định lại. Từ khóa <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>46 không được sử dụng.<h4>5.1.2 Một biến cho mỗi tuyên bố</h4>Mỗi tuyên bố biến cục bộ chỉ khai báo một biến: các khai báo như <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>47 không được sử dụng.<h4>5.1.3 được khai báo khi cần, khởi tạo càng sớm càng tốt</h4>Các biến cục bộ không được khai báo theo thói quen khi bắt đầu cấu trúc khối hoặc khối chứa của chúng. Thay vào đó, các biến cục bộ được khai báo gần với điểm chúng được sử dụng lần đầu tiên (trong lý do), để giảm thiểu phạm vi của chúng.not habitually declared at the start of their containing block or block-like construct. Instead, local variables are declared close to the point they are first used (within reason), to minimize their scope.<h4>5.1.4 Các loại khai báo khi cần thiết</h4>Chú thích loại JSDOC có thể được thêm vào dòng trên khai báo, hoặc nếu không nội tuyến trước tên biến nếu không có JSDOC nào khác.Example:<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>8Không cho phép các kiểu Inline và JSDOC không được phép: trình biên dịch sẽ chỉ xử lý JSDOC đầu tiên và các chú thích nội tuyến sẽ bị mất.<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>9Mẹo: Có nhiều trường hợp trình biên dịch có thể suy ra một loại templatized nhưng không phải là tham số của nó. Điều này đặc biệt là trường hợp khi cuộc gọi khởi tạo theo nghĩa đen hoặc hàm tạo không bao gồm bất kỳ giá trị nào của loại tham số mẫu (ví dụ: các mảng trống, đối tượng, <pre> {{ text | decodeHtmlEntities }}</pre>73S hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>49S) hoặc nếu biến được sửa đổi khi đóng. Chú thích loại biến cục bộ đặc biệt hữu ích trong các trường hợp này vì nếu không trình biên dịch sẽ suy ra tham số mẫu là không xác định.<h3 id="5-2-mang-nghia-den">5.2 Mảng nghĩa đen</h3><h4>5.2.1 Sử dụng dấu phẩy kéo dài</h4>Bao gồm một dấu phẩy kéo dài bất cứ khi nào có sự phá vỡ dòng giữa phần tử cuối cùng và khung đóng.Example:<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>0<h4>5.2.2 Không sử dụng hàm tạo <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>50 Variadic</h4>Hàm tạo có dễ bị lỗi nếu các đối số được thêm hoặc xóa. Sử dụng một nghĩa đen thay thế.Disallowed:<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>1Điều này hoạt động như mong đợi ngoại trừ trường hợp thứ ba: nếu <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>51 là một số toàn bộ thì <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>52 là một mảng có kích thước <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>51 trong đó tất cả các phần tử là <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>54. Nếu <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>51 là bất kỳ số nào khác, thì một ngoại lệ sẽ được ném và nếu nó là bất cứ điều gì khác thì nó sẽ là một mảng một phần tử.Thay vào đó, hãy viết<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>2Phân bổ rõ ràng một mảng có độ dài nhất định bằng cách sử dụng <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>56 được cho phép khi thích hợp.<h4>5.2.3 Thuộc tính không phải là số</h4>Không xác định hoặc sử dụng các thuộc tính không phải là số trên một mảng (trừ <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>57). Sử dụng <pre> {{ text | decodeHtmlEntities }}</pre>73 (hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>59) thay thế.<h4>5.2.4 Phá hủy</h4>Các chữ cái có thể được sử dụng ở phía bên trái của một gán để thực hiện phá hủy (chẳng hạn như khi giải nén nhiều giá trị từ một mảng hoặc có thể lặp lại). Một phần tử nghỉ cuối cùng có thể được bao gồm (không có khoảng trống giữa <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>60 và tên biến). Các yếu tố nên được bỏ qua nếu chúng không được sử dụng.<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>3Phá hủy cũng có thể được sử dụng cho các tham số chức năng (lưu ý rằng tên tham số được yêu cầu nhưng bị bỏ qua). Luôn chỉ định <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>61 là giá trị mặc định nếu tham số mảng bị phá hủy là tùy chọn và cung cấp các giá trị mặc định ở phía bên trái:<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>4Disallowed:<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>5Mẹo: Đối với (un) đóng gói nhiều giá trị vào tham số hoặc trả về hàm, thích phá hủy đối tượng để phá hủy mảng khi có thể, vì nó cho phép đặt tên cho các phần tử riêng lẻ và chỉ định một loại khác nhau cho mỗi phần tử.<h4>5.2.5 Nhà điều hành lây lan</h4>Các văn bản mảng có thể bao gồm toán tử lây lan (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }<div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></pre>60) để làm phẳng các phần tử ra khỏi một hoặc nhiều lần lặp khác. Toán tử lây lan nên được sử dụng thay vì các cấu trúc khó xử hơn với <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>63. Không có không gian sau <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>60.Example:<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>6<h3 id="5-3-doi-tuong-theo-nghia-den">5.3 đối tượng theo nghĩa đen</h3><h4>5.3.1 Sử dụng dấu phẩy kéo dài</h4>Bao gồm một dấu phẩy kéo dài bất cứ khi nào có một dòng phá vỡ giữa tài sản cuối cùng và nẹp đóng.<h4>5.3.2 Không sử dụng hàm tạo <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>59</h4>Mặc dù <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>59 không có vấn đề tương tự như <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>50, nhưng nó vẫn không được phép cho tính nhất quán. Thay vào đó, sử dụng một đối tượng (<pre> {{ text | decodeHtmlEntities }}</pre>90 hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>69).<h4>5.3.3 Không trộn các phím được trích dẫn và chưa được trích dẫn</h4>Các chữ cái có thể đại diện cho một trong hai cấu trúc (với các khóa và/hoặc ký hiệu chưa được trích xuất) hoặc các dicts (với các khóa được trích dẫn và/hoặc tính toán). Không trộn các loại khóa này trong một đối tượng theo nghĩa đen.Disallowed:<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>7Điều này cũng mở rộng để chuyển tên tài sản cho các chức năng, như <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>70. Cụ thể, làm như vậy sẽ phá vỡ mã được biên dịch vì trình biên dịch không thể đổi tên/obfuscate chuỗi chữ.Disallowed:<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>8Điều này được thực hiện tốt nhất như:<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>9<h4>5.3.4 Tên thuộc tính được tính toán</h4>Tên thuộc tính được tính toán (ví dụ: <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>71) được cho phép và được coi là các khóa theo kiểu Dictyle (trích dẫn) (tức là, không được trộn với các khóa không được trích xuất) trừ khi thuộc tính được tính toán là một ký hiệu (ví dụ: <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>72). Các giá trị enum cũng có thể được sử dụng cho các khóa tính toán, nhưng không nên được trộn với các phím không EREM trong cùng một chữ.<h4>5.3.5 Phương pháp tốc ký</h4>Các phương pháp có thể được định nghĩa trên các chữ cái đối tượng bằng phương pháp tốc ký (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>73) thay cho đại tràng ngay sau đó là <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>10 hoặc hàm mũi tên theo nghĩa đen.Thí dụ:<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>0Lưu ý rằng <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>75 trong một phương thức tốc ký hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>10 đề cập đến chính đối tượng theo nghĩa đen trong khi <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>75 trong hàm mũi tên đề cập đến phạm vi bên ngoài đối tượng theo nghĩa đen.Example:<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>1<h4>5.3.6 Tính chất tốc ký</h4>Các thuộc tính tốc ký được cho phép trên các nghĩa đen đối tượng.Example:<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>2<h4>5.3.7 Phá hủy</h4>Các mẫu phá hủy đối tượng có thể được sử dụng ở phía bên trái của một gán để thực hiện phá hủy và giải nén nhiều giá trị khỏi một đối tượng.Các đối tượng bị phá hủy cũng có thể được sử dụng làm tham số chức năng, nhưng nên được giữ đơn giản nhất có thể: một mức độ duy nhất của các thuộc tính tốc ký chưa được trích xuất. Mức độ sâu hơn của các thuộc tính làm tổ và tính toán có thể không được sử dụng trong phá hủy tham số. Chỉ định bất kỳ giá trị mặc định nào ở phía bên trái của tham số bị phá hủy (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>78, thay vì <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>79) và nếu một đối tượng bị phá hủy là tùy chọn, nó phải mặc định là <pre> {{ text | decodeHtmlEntities }}</pre>90. JSDOC cho tham số bị phá hủy có thể được đặt bất kỳ tên nào (tên không được sử dụng nhưng được yêu cầu bởi trình biên dịch).Example:<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>3Disallowed:<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>4Phá hủy cũng có thể được sử dụng cho các tuyên bố <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83, và trong trường hợp này không được gói: toàn bộ tuyên bố chiếm một dòng, bất kể nó là bao lâu (xem ??).<h4>5.3.8 Enums</h4>Các liệt kê được xác định bằng cách thêm chú thích <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>82 vào một đối tượng theo nghĩa đen. Các thuộc tính bổ sung có thể không được thêm vào một enum sau khi nó được xác định. Các enum phải không đổi, và tất cả các giá trị enum phải là bất biến sâu sắc.<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>5<h3>5.4 lớp</h3><h4>5.4.1 Chất xây dựng</h4>Người xây dựng là tùy chọn. Các trình xây dựng lớp con phải gọi <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>83 trước khi đặt bất kỳ trường nào hoặc truy cập <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>75. Các giao diện nên khai báo các thuộc tính phi phương pháp trong hàm tạo.<h4>5.4.2 Trường</h4>Đặt tất cả các trường đối tượng cụ thể (nghĩa là tất cả các thuộc tính khác ngoài các phương thức) trong hàm tạo. Các trường chú thích không bao giờ được gán lại bằng <pre> {{ text | decodeHtmlEntities }}</pre>05 (những trường này không cần phải là bất biến sâu sắc). Chú thích các trường không công khai với chú thích khả năng hiển thị thích hợp (<pre> {{ text | decodeHtmlEntities }}</pre>03, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>87, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>88), và kết thúc tất cả các tên của <pre> {{ text | decodeHtmlEntities }}</pre>03 với một dấu gạch dưới. Các trường không bao giờ được đặt trên một lớp cụ thể '<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>90.Example:<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>6Mẹo: Các thuộc tính không bao giờ nên được thêm vào hoặc loại bỏ khỏi một trường hợp sau khi hàm tạo kết thúc, vì nó cản trở đáng kể khả năng tối ưu hóa VMS VMS. Nếu cần thiết, các trường được khởi tạo sau này phải được đặt rõ ràng thành <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>54 trong hàm tạo để ngăn chặn các thay đổi hình dạng sau này. Thêm <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>92 vào một đối tượng sẽ kiểm tra xem các thuộc tính không được khai báo không được thêm/truy cập. Các lớp có điều này được thêm theo mặc định.<h4>5.4.3 Thuộc tính tính toán</h4>Các thuộc tính được tính toán chỉ có thể được sử dụng trong các lớp khi thuộc tính là biểu tượng. Các thuộc tính theo kiểu Dict (nghĩa là, được trích dẫn hoặc tính toán các khóa không symbol, như được định nghĩa trong ??) không được phép. Một phương thức <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>72 nên được xác định cho bất kỳ lớp nào có thể lặp lại một cách logic. Ngoài ra, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>94 nên được sử dụng một cách tiết kiệm.Mẹo: Hãy cẩn thận khi sử dụng bất kỳ ký hiệu tích hợp nào khác (ví dụ: <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>95) vì chúng không được trình biên dịch không được điền và do đó sẽ không hoạt động trong các trình duyệt cũ hơn.<h4>5.4.4 Phương pháp tĩnh</h4>Trong trường hợp nó không can thiệp vào khả năng đọc, thích các hàm mô-đun-local hơn các phương thức tĩnh riêng tư.Các phương pháp tĩnh chỉ nên được gọi trên lớp cơ sở. Không nên gọi các phương thức tĩnh trên các biến chứa một thể hiện động có thể là hàm tạo hoặc hàm tạo phân lớp (và phải được xác định bằng <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>96 nếu điều này được thực hiện) và không được gọi trực tiếp trên một lớp con không xác định phương pháp tự nó.Disallowed:<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>7<h4>5.4.5 Tuyên bố lớp cũ</h4>Mặc dù các lớp ES6 được ưa thích, có những trường hợp các lớp ES6 có thể không khả thi. Ví dụ:<ol><li>Nếu có hoặc sẽ tồn tại các lớp con, bao gồm các khung tạo ra các lớp con, điều đó không thể được thay đổi ngay lập tức để sử dụng cú pháp lớp ES6. Nếu một lớp như vậy sử dụng cú pháp ES6, tất cả các lớp con hạ lưu không sử dụng cú pháp lớp ES6 sẽ cần phải được sửa đổi.</li><li>Các khung yêu cầu giá trị <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>75 đã biết trước khi gọi hàm tạo siêu lớp, vì các hàm tạo có các lớp ES6 không có quyền truy cập vào giá trị <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>75 cho đến khi cuộc gọi đến <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>11 trả về.</li></ol>Theo tất cả các cách khác, hướng dẫn kiểu vẫn áp dụng cho mã này: <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>43, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>42, các tham số mặc định, phần còn lại và các hàm mũi tên nên được sử dụng khi thích hợp.<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>02 cho phép định nghĩa giống như lớp tương tự như cú pháp lớp ES6:<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>8Ngoài ra, trong khi <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>02 nên được ưu tiên cho tất cả các mã mới, cú pháp truyền thống hơn cũng được cho phép.<pre><code>goog.module('foo.bar'); // 'foo.bar.qux' would be fine, though goog.module('foo.bar.baz'); </code></pre>9Các thuộc tính trên mỗi-nên được xác định trong hàm tạo sau khi gọi đến hàm tạo siêu lớp, nếu có một siêu lớp. Các phương pháp nên được xác định trên nguyên mẫu của hàm tạo. Xác định hệ thống phân cấp nguyên mẫu xây dựng chính xác là khó hơn so với lần đầu tiên xuất hiện! Vì lý do đó, tốt nhất là sử dụng <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>04 từ thư viện đóng cửa.<h4>5.4.6 Không thao tác trực tiếp ____390s</h4>Từ khóa <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>06 cho phép các định nghĩa lớp rõ ràng và dễ đọc hơn so với xác định các thuộc tính <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>90. Mã thực hiện thông thường không có doanh nghiệp thao túng các đối tượng này, mặc dù chúng vẫn hữu ích cho việc xác định các lớp như được định nghĩa trong ??. Mixin và sửa đổi các nguyên mẫu của các đối tượng tích hợp bị cấm rõ ràng.Ngoại lệ: Mã khung (như polymer, hoặc góc) có thể cần sử dụng ____390s và không nên dùng đến các cách giải quyết thậm chí để tránh làm như vậy.: Framework code (such as Polymer, or Angular) may need to use <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>90s, and should not resort to even-worse workarounds to avoid doing so.<h4>5.4.7 Getters and Setters</h4>Không sử dụng các thuộc tính của JavaScript Getter và Setter. Họ có khả năng gây ngạc nhiên và khó khăn để lý luận, và có sự hỗ trợ hạn chế trong trình biên dịch. Cung cấp các phương pháp thông thường thay thế.Ngoại lệ: Có những tình huống xác định một getter hoặc setter là không thể tránh khỏi (ví dụ: các khung liên kết dữ liệu như góc và polymer hoặc để tương thích với API bên ngoài không thể điều chỉnh). Trong những trường hợp này, chỉ có thể sử dụng một cách thận trọng, với điều kiện chúng được xác định với các từ khóa phương thức tốc ký <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>09 và <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>10 hoặc <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>11 (không phải <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>12, cản trở việc đổi tên tài sản). Getters không được thay đổi trạng thái quan sát được.: there are situations where defining a getter or setter is unavoidable (e.g. data binding frameworks such as Angular and Polymer, or for compatibility with external APIs that cannot be adjusted). In these cases only, getters and setters may be used with caution, provided they are defined with the <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>09 and <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>10 shorthand method keywords or <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>11 (not <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>12, which interferes with property renaming). Getters must not change observable state.Disallowed:<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre>0<h4>5.4.8 Ghi đè toString</h4>Phương pháp <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>13 có thể bị ghi đè, nhưng phải luôn thành công và không bao giờ có tác dụng phụ có thể nhìn thấy.Mẹo: Đặc biệt, hãy cẩn thận khi gọi các phương pháp khác từ toString, vì các điều kiện đặc biệt có thể dẫn đến các vòng lặp vô hạn.<h4>5.4.9 Giao diện</h4>Các giao diện có thể được khai báo với <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>14 hoặc <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>15. Các giao diện được khai báo với <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>15 có thể rõ ràng (nghĩa là thông qua <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>17) hoặc được thực hiện ngầm bởi một lớp hoặc đối tượng theo nghĩa đen.Tất cả các thân phương thức không tĩnh trên giao diện phải là các khối trống. Các trường phải được tuyên bố là thành viên không được hưởng trong hàm tạo lớp.Example:<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre>1<h4>5.4.10 Các lớp trừu tượng</h4>Sử dụng các lớp trừu tượng khi thích hợp. Các lớp và phương pháp trừu tượng phải được chú thích bằng <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>18. Không sử dụng <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>19. Xem các lớp và phương pháp trừu tượng.<h3 id="5-5-chuc-nang">5,5 chức năng</h3><h4>5.5.1 Chức năng cấp cao nhất</h4>Các chức năng cấp cao nhất có thể được xác định trực tiếp trên đối tượng <pre> {{ text | decodeHtmlEntities }}</pre>01, hoặc nếu không được khai báo cục bộ và tùy chọn xuất khẩu. Nhìn thấy ?? Để biết thêm về xuất khẩu.Examples:<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre>2<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre>3<h4>5.5.2 Chức năng và đóng cửa lồng nhau</h4>Các chức năng có thể chứa các định nghĩa chức năng lồng nhau. Nếu nó hữu ích để đặt cho chức năng một tên, nó nên được gán cho một <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>42 cục bộ.<h4>5.5.3 Hàm mũi tên</h4>Các hàm mũi tên cung cấp một cú pháp chức năng ngắn gọn và đơn giản hóa phạm vi <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>75 cho các chức năng lồng nhau. Thích các hàm mũi tên hơn từ khóa <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>10, đặc biệt đối với các chức năng lồng nhau (nhưng xem ??).Thích các hàm mũi tên hơn các phương pháp phạm vi <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>75 khác như <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>25, <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>26 và <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>27. Các hàm mũi tên đặc biệt hữu ích để gọi vào các cuộc gọi lại khi chúng cho phép chỉ định rõ ràng các tham số nào sẽ chuyển đến cuộc gọi lại trong khi ràng buộc sẽ chuyển qua tất cả các tham số.Phía bên trái của mũi tên chứa số không hoặc nhiều tham số. Điểm dừng xung quanh các tham số là tùy chọn nếu chỉ có một tham số không phá hủy duy nhất. Khi dấu ngoặc đơn được sử dụng, các loại tham số nội tuyến có thể được chỉ định (xem ??).Mẹo: Luôn sử dụng dấu ngoặc đơn ngay cả đối với các hàm mũi tên đơn có thể tránh các tình huống trong đó thêm các tham số, nhưng quên thêm dấu ngoặc đơn, có thể dẫn đến mã có thể phân tích được không còn hoạt động như dự định.Phía bên phải của mũi tên chứa phần thân của chức năng. Theo mặc định, cơ thể là một câu lệnh khối (0 hoặc nhiều câu lệnh được bao quanh bởi niềng răng xoăn). Cơ thể cũng có thể là một biểu thức đơn được trả về ngầm nếu một trong hai: logic chương trình yêu cầu trả về một giá trị hoặc toán tử <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>29 đi trước một chức năng hoặc cuộc gọi phương thức duy nhất (sử dụng <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>29 đảm bảo <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>54 được trả về, ngăn chặn các giá trị bị rò rỉ và giao tiếp ý định). Mẫu biểu thức đơn được ưa thích nếu nó cải thiện khả năng đọc (ví dụ: đối với các biểu thức ngắn hoặc đơn giản).Examples:<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre>4Disallowed:<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre>5<h4>5.5.4 Máy phát điện</h4>Máy phát điện cho phép một số trừu tượng hữu ích và có thể được sử dụng khi cần thiết.Khi xác định các chức năng của Trình tạo, hãy gắn <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>40 vào từ khóa <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>10 khi có mặt và tách nó ra với một khoảng trống khỏi tên của hàm. Khi sử dụng năng suất ủy quyền, hãy đính kèm từ khóa <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>35.Example:<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre>6<h4>5.5.5 Tham số và các loại trả về</h4>Các tham số chức năng và các loại trả về thường nên được ghi lại với các chú thích JSDOC. Nhìn thấy ?? để biết thêm thông tin.<h5>5.5.5.1 Tham số mặc định</h5>Các tham số tùy chọn được cho phép bằng toán tử bằng trong danh sách tham số. Các tham số tùy chọn phải bao gồm các khoảng trống ở cả hai bên của toán tử bằng, được đặt tên chính xác giống như các tham số cần thiết (nghĩa là, không có tiền tố với <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>35), sử dụng hậu tố <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>36 trong loại JSDOC của chúng, đến sau các tham số cần thiết và không sử dụng các bộ khởi tạo có thể quan sát được các hiệu ứng. Tất cả các tham số tùy chọn cho các hàm cụ thể phải có giá trị mặc định, ngay cả khi giá trị đó là <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>54. Trái ngược với các hàm cụ thể, các phương thức trừu tượng và giao diện phải bỏ qua các giá trị tham số mặc định.Example:<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre>7Sử dụng tham số mặc định một cách tiết kiệm. Thích phá hủy (như trong ??) để tạo API có thể đọc được khi có nhiều hơn một số ít các tham số tùy chọn không có thứ tự tự nhiên.Lưu ý: Không giống như các tham số mặc định của Python, không sao khi sử dụng các bộ khởi tạo trả về các đối tượng có thể thay đổi mới (chẳng hạn như <pre> {{ text | decodeHtmlEntities }}</pre>90 hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>61) vì trình khởi tạo được đánh giá mỗi khi giá trị mặc định được sử dụng, do đó, một đối tượng sẽ không được chia sẻ qua các cuộc gọi.Mẹo: Mặc dù các biểu thức tùy ý bao gồm các cuộc gọi chức năng có thể được sử dụng làm bộ khởi tạo, chúng nên được giữ đơn giản nhất có thể. Tránh các bộ khởi tạo hiển thị trạng thái có thể thay đổi được chia sẻ, vì điều đó có thể dễ dàng giới thiệu khớp nối ngoài ý muốn giữa các cuộc gọi chức năng.<h5>5.5.5.2 Tham số REST</h5>Sử dụng tham số REST thay vì truy cập <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>40. Các tham số REST được gõ bằng tiền tố <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>60 trong JSDOC của họ. Tham số còn lại phải là tham số cuối cùng trong danh sách. Không có khoảng trống giữa <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>60 và tên tham số. Không đặt tên cho tham số REST <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>43. Không bao giờ đặt tên cho một biến cục bộ hoặc tham số <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>40, trong đó khó hiểu trong tên tích hợp.Example:<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre>8<h4>5.5.6 Generics</h4>Khai báo các hàm và phương pháp chung khi cần thiết với <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>45 trong JSDOC trên hàm hoặc định nghĩa phương thức.<h4>5.5.7 Toán tử lây lan</h4>Các cuộc gọi chức năng có thể sử dụng toán tử lây lan (<pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>60). Thích toán tử lây lan hơn <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>47 khi một mảng hoặc có thể được giải nén thành nhiều tham số của hàm biến đổi. Không có không gian sau <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>60.Example:<pre><code>goog.module('my.test.helpers'); goog.module.declareLegacyNamespace(); goog.setTestOnly(); </code></pre>9<h3 id="5-6-chuoi-chu">5.6 Chuỗi chữ</h3><h4>5.6.1 Sử dụng các báo giá đơn lẻ</h4>Các chuỗi chuỗi thông thường được phân định bằng các trích dẫn đơn (<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>49), thay vì trích dẫn kép (<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>50).Mẹo: Nếu một chuỗi chứa một ký tự trích dẫn duy nhất, hãy xem xét sử dụng chuỗi mẫu để tránh phải thoát khỏi báo giá.Chuỗi thông thường có thể không bao gồm nhiều dòng.<h4>5.6.2 Mẫu theo nghĩa đen</h4>Sử dụng các chữ cái mẫu (được phân định với <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>51) trên nối chuỗi phức tạp, đặc biệt nếu có nhiều chữ viết có liên quan. Mẫu chữ có thể trải dài nhiều dòng.Nếu một mẫu theo nghĩa đen kéo dài nhiều dòng, nó không cần phải tuân theo sự thụt của khối bao quanh, mặc dù có thể nếu khoảng trắng thêm không quan trọng.Example:<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre>0<h4>5.6.3 Không tiếp tục dòng</h4>Không sử dụng các tiếp tục dòng (nghĩa là kết thúc một dòng bên trong một chuỗi theo nghĩa đen với một dấu gạch chéo ngược) trong các chữ viết thông thường hoặc mẫu. Mặc dù ES5 cho phép điều này, nhưng nó có thể dẫn đến các lỗi khó khăn nếu bất kỳ khoảng trắng nào xảy ra sau khi chém, và ít rõ ràng hơn đối với độc giả.Disallowed:<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre>1Thay vào đó, hãy viết<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre>2<h3 id="5-7-chu-so">5,7 chữ số</h3>Số có thể được chỉ định trong thập phân, hex, bát phân hoặc nhị phân. Sử dụng chính xác <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>52, <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>53 và <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>54 tiền tố, với các chữ cái viết thường, cho hex, bát phân và nhị phân, tương ứng. Không bao giờ bao gồm số 0 hàng đầu trừ khi nó được theo sau bởi <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>55, <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>56 hoặc <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>57.<h3 id="5-8-cau-truc-dieu-khien">5.8 Cấu trúc điều khiển</h3> <h4>5.8.1 cho các vòng</h4>Với ES6, ngôn ngữ hiện có ba loại vòng <pre> {{ text | decodeHtmlEntities }}</pre>84 khác nhau. Tất cả có thể được sử dụng, mặc dù ____ ____ 284 -____ 334 vòng lặp nên được ưu tiên khi có thể.________ 284 -________ 333 Các vòng lặp chỉ có thể được sử dụng trên các đối tượng theo kiểu Dict (xem ??), và không nên được sử dụng để lặp lại trên một mảng. <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>63 nên được sử dụng trong ________ 284 -________ 333 vòng để loại trừ các thuộc tính nguyên mẫu không mong muốn. Thích ________ 284 -________ 334 và <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>68 hơn ________ 284 -____ 333 khi có thể.<h4>5.8.2 ngoại lệ</h4>Ngoại lệ là một phần quan trọng của ngôn ngữ và nên được sử dụng bất cứ khi nào các trường hợp đặc biệt xảy ra. Luôn ném <pre> {{ text | decodeHtmlEntities }}</pre>72S hoặc các lớp con của <pre> {{ text | decodeHtmlEntities }}</pre>72: Không bao giờ ném chuỗi chữ hoặc các đối tượng khác. Luôn luôn sử dụng <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>73 khi xây dựng <pre> {{ text | decodeHtmlEntities }}</pre>72.Điều trị này mở rộng đến các giá trị từ chối <pre> {{ text | decodeHtmlEntities }}</pre>74 là <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>76 tương đương với <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>77 trong các chức năng Async.Các ngoại lệ tùy chỉnh cung cấp một cách tuyệt vời để truyền tải thông tin lỗi bổ sung từ các chức năng. Chúng nên được xác định và sử dụng bất cứ nơi nào loại <pre> {{ text | decodeHtmlEntities }}</pre>72 bản địa là không đủ.Thích ném ngoại lệ hơn các phương pháp xử lý lỗi đặc biệt (chẳng hạn như truyền loại tham chiếu container lỗi hoặc trả về một đối tượng có thuộc tính lỗi).<h5>5.8.2.1 Khối bắt trống</h5>Thật hiếm khi chính xác khi không làm gì để đáp ứng với một ngoại lệ bị bắt. Khi nó thực sự thích hợp để không có hành động nào trong một khối bắt, lý do điều này là hợp lý được giải thích trong một bình luận.<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre>3Disallowed:<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre>4Mẹo: Không giống như trong một số ngôn ngữ khác, các mẫu như ở trên chỉ đơn giản là làm việc vì điều này sẽ bắt được lỗi được ném bởi <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>79. Sử dụng <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>80 thay thế.<h4>5.8.3 Câu lệnh chuyển đổi</h4>Thuật ngữ Lưu ý: Bên trong niềng răng của một khối chuyển đổi là một hoặc nhiều nhóm câu lệnh. Mỗi nhóm câu lệnh bao gồm một hoặc nhiều nhãn chuyển đổi (<pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>81 hoặc <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>82), theo sau là một hoặc nhiều câu lệnh.<h5>5.8.3.1 Fall-the Fall: Nhận xét</h5>Trong một khối chuyển đổi, mỗi nhóm câu lệnh sẽ chấm dứt đột ngột (với ngoại lệ <pre> {{ text | decodeHtmlEntities }}</pre>98, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>30 hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>31N) hoặc được đánh dấu bằng nhận xét để chỉ ra rằng việc thực thi sẽ hoặc có thể tiếp tục vào nhóm câu lệnh tiếp theo. Bất kỳ nhận xét nào truyền đạt ý tưởng về sự sụp đổ là đủ (thường là <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>86). Nhận xét đặc biệt này là không bắt buộc trong nhóm tuyên bố cuối cùng của khối chuyển đổi.Example:<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre>5<h5>5.8.3.2 Trường hợp <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>87 có mặt</h5>Mỗi câu lệnh Switch bao gồm một nhóm câu lệnh <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>87, ngay cả khi nó không chứa mã. Nhóm tuyên bố <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>87 phải là cuối cùng.<h3>5.9 này</h3>Chỉ sử dụng <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>75 trong các hàm tạo và phương thức lớp, trong các hàm mũi tên được xác định trong các hàm tạo và phương thức lớp, hoặc trong các chức năng có <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>91 rõ ràng được khai báo trong chức năng bao gồm ngay lập tức.Không bao giờ sử dụng <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>75 để chỉ đối tượng toàn cầu, bối cảnh của <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>93, mục tiêu của một sự kiện hoặc các hàm <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>94ED hoặc <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>95ed không cần thiết.<h3 id="5-10-kiem-tra-binh-dang">5.10 Kiểm tra bình đẳng</h3>Sử dụng toán tử nhận dạng (____ 496/________ 497) ngoại trừ trong các trường hợp được ghi lại dưới đây.<h4>5.10.1 Các trường hợp ngoại lệ trong đó sự ép buộc là mong muốn</h4>Bắt cả hai giá trị <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>98 và <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>54:<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre>6<h3 id="5-11-cac-tinh-nang-khong-duoc-phep">5.11 Các tính năng không được phép</h3><h4>5.11.1 với</h4>Không sử dụng từ khóa <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>00. Nó làm cho mã của bạn khó hiểu hơn và đã bị cấm ở chế độ nghiêm ngặt kể từ ES5.<h4>5.11.2 Đánh giá mã động</h4>Không sử dụng hàm tạo <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>93 hoặc <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>02 (ngoại trừ bộ tải mã). Các tính năng này có khả năng nguy hiểm và đơn giản là không hoạt động trong môi trường CSP.<h4>5.11.3 Chèn dấu chấm phẩy tự động</h4>Luôn chấm dứt các câu lệnh với dấu chấm phẩy (ngoại trừ chức năng và khai báo lớp, như đã lưu ý ở trên).<h4>5.11.4 Các tính năng không chuẩn</h4>Không sử dụng các tính năng không chuẩn. Điều này bao gồm các tính năng cũ đã bị xóa (ví dụ: <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>03), các tính năng mới chưa được chuẩn hóa (ví dụ: bản nháp làm việc TC39 hiện tại, các đề xuất ở bất kỳ giai đoạn nào hoặc các tiêu chuẩn web được đề xuất nhưng chưa hoàn thành) hoặc các tính năng độc quyền chỉ được thực hiện trong một số trình duyệt. Chỉ sử dụng các tính năng được xác định trong các tiêu chuẩn ECMA-262 hoặc WhatWG hiện tại. . Ngôn ngữ phi tiêu chuẩn Các phần mở rộng của người Viking (chẳng hạn như những người được cung cấp bởi một số người chuyển đổi bên ngoài) bị cấm.<h4>5.11.5 Đối tượng bao bọc cho các loại nguyên thủy</h4>Không bao giờ sử dụng <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>73 trên các trình bao bọc đối tượng nguyên thủy (<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>05, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>06, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>07, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>94), cũng không bao gồm chúng trong các chú thích loại.Disallowed:<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre>7Các gói có thể được gọi là chức năng ép buộc (được ưu tiên hơn bằng cách sử dụng <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>09 hoặc kết hợp chuỗi trống) hoặc tạo các ký hiệu.Example:<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre>8<h4>5.11.6 Sửa đổi các đối tượng tích hợp</h4>Không bao giờ sửa đổi các loại tích hợp, bằng cách thêm các phương thức vào các hàm tạo của chúng hoặc vào các nguyên mẫu của chúng. Tránh tùy thuộc vào các thư viện làm điều này. Lưu ý rằng thư viện thời gian chạy JSCompiler sẽ cung cấp các polyfills tuân thủ tiêu chuẩn nếu có thể; Không có gì khác có thể sửa đổi các đối tượng tích hợp.Không thêm các ký hiệu vào đối tượng toàn cầu trừ khi thực sự cần thiết (ví dụ: yêu cầu của API của bên thứ ba).<h4>5.11.7 Bỏ qua <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>10 Khi gọi một hàm tạo</h4>Không bao giờ gọi một hàm tạo trong một câu lệnh <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>73 mà không sử dụng dấu ngoặc đơn <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>10.Disallowed:<pre><code>const /** !Array<number> */ exportedArray = [1, 2, 3]; const /** !Array<number> */ moduleLocalArray = [4, 5, 6]; /** @return {number} */ function moduleLocalFunction() { return moduleLocalArray.length; } /** @return {number} */ function exportedFunction() { return moduleLocalFunction() * 2; } exports = {exportedArray, exportedFunction}; </code></pre>9Sử dụng thay thế:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>00Bỏ qua dấu ngoặc đơn có thể dẫn đến những sai lầm tinh tế. Hai dòng này không tương đương:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>01<h2 id="6-dat-ten">6 Đặt tên</h2><h3 id="6-1-quy-tac-chung-cho-tat-ca-cac-dinh-danh">6.1 Quy tắc chung cho tất cả các định danh</h3>Số nhận dạng chỉ sử dụng các chữ cái và chữ số ASCII, và, trong một số ít các trường hợp được ghi nhận dưới đây, nhấn mạnh và rất hiếm khi (khi được yêu cầu bởi các khung như Angular) Dollar Dấu hiệu.Đặt theo mô tả một tên càng tốt, trong lý do. Đừng lo lắng về việc tiết kiệm không gian ngang vì điều quan trọng hơn là làm cho mã của bạn có thể hiểu được ngay lập tức bởi một người đọc mới. Không sử dụng các chữ viết tắt không rõ ràng hoặc không quen thuộc với độc giả bên ngoài dự án của bạn và không viết tắt bằng cách xóa các chữ cái trong một từ.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>02Disallowed:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>03<h3 id="6-2-quy-tac-theo-loai-dinh-danh">6.2 Quy tắc theo loại định danh</h3><h4>6.2.1 Tên gói</h4>Tên gói đều là <pre> {{ text | decodeHtmlEntities }}</pre>10. Ví dụ: <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>14, nhưng không phải <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>15 hoặc <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>16.<h4>6.2.2 Tên lớp</h4>Tên lớp, giao diện, bản ghi và tên typedef được viết bằng <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>17. Các lớp không được đề cập chỉ đơn giản là người dân địa phương: chúng không được đánh dấu <pre> {{ text | decodeHtmlEntities }}</pre>03 và do đó không được đặt tên với một dấu gạch dưới.Tên loại thường là danh từ hoặc cụm danh từ. Ví dụ: <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>19, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>20 hoặc <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>21. Ngoài ra, tên giao diện đôi khi có thể là tính từ hoặc cụm từ tính từ thay thế (ví dụ: <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>22).<h4>6.2.3 Tên phương thức</h4>Tên phương thức được viết trong <pre> {{ text | decodeHtmlEntities }}</pre>10. Tên cho các phương pháp <pre> {{ text | decodeHtmlEntities }}</pre>03 phải kết thúc bằng một dấu gạch dưới.Tên phương thức thường là động từ hoặc cụm động từ. Ví dụ: <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>25 hoặc <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>26. Các phương thức getter và setter cho các thuộc tính không bao giờ được yêu cầu, nhưng nếu chúng được sử dụng, chúng nên được đặt tên là <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>27 (hoặc tùy chọn <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>28 hoặc <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>29 cho booleans) hoặc <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>30 cho setters.Dấu gạch dưới cũng có thể xuất hiện trong tên phương thức thử nghiệm JSunit để tách các thành phần logic của tên. Một mẫu điển hình là <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>31, ví dụ <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>32. Không có một cách chính xác để đặt tên cho các phương thức kiểm tra.<h4>6.2.4 Tên enum</h4>Tên enum được viết bằng <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>17, tương tự như các lớp và thường là danh từ số ít. Các mục riêng lẻ trong enum được đặt tên trong <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>34.<h4>6.2.5 Tên không đổi</h4>Tên không đổi Sử dụng <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>34: Tất cả các chữ cái chữ hoa, với các từ được phân tách bằng dấu gạch dưới. Không có lý do gì để một hằng số được đặt tên với một dấu gạch dưới, vì các thuộc tính tĩnh riêng có thể được thay thế bằng mô -đun (hoàn toàn riêng tư) Người dân địa phương.<h5>6.2.5.1 Định nghĩa về "hằng số"</h5>Mỗi hằng số là một thuộc tính tĩnh <pre> {{ text | decodeHtmlEntities }}</pre>05 hoặc khai báo <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>42 mô-đun, nhưng không phải tất cả các thuộc tính tĩnh <pre> {{ text | decodeHtmlEntities }}</pre>05 và mô-đun-local <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>42 là hằng số. Trước khi chọn trường hợp liên tục, hãy xem xét liệu lĩnh vực này có thực sự cảm thấy như một hằng số bất biến sâu sắc hay không. Ví dụ, nếu bất kỳ trạng thái quan sát nào của trường hợp đó có thể thay đổi, thì nó gần như chắc chắn không phải là hằng số. Chỉ có ý định không bao giờ đột biến đối tượng nói chung là không đủ.Examples:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>04Các tên hằng số thường là danh từ hoặc cụm danh từ.<h5>6.2.5.2 Bí danh địa phương</h5>Bí danh địa phương nên được sử dụng bất cứ khi nào chúng cải thiện khả năng đọc so với các tên đủ điều kiện đầy đủ. Thực hiện theo các quy tắc tương tự như <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83s (??), duy trì phần cuối cùng của tên bí danh. Bí danh cũng có thể được sử dụng trong các chức năng. Bí danh phải là <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>42.Examples:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>05<h4>6.2.6 Tên trường không liên tục</h4>Tên trường không liên tục (tĩnh hoặc cách khác) được viết bằng <pre> {{ text | decodeHtmlEntities }}</pre>10, với một dấu gạch dưới cho các trường tư nhân.Những tên này thường là danh từ hoặc cụm danh từ. Ví dụ: <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>43 hoặc <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>44.<h4>6.2.7 Tên tham số</h4>Tên tham số được viết trong <pre> {{ text | decodeHtmlEntities }}</pre>10. Lưu ý rằng điều này áp dụng ngay cả khi tham số mong đợi một hàm tạo.Tên tham số một ký tự không nên được sử dụng trong các phương thức công khai.Ngoại lệ: Khi được yêu cầu bởi khung của bên thứ ba, tên tham số có thể bắt đầu bằng <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>46. Ngoại lệ này không áp dụng cho bất kỳ định danh nào khác (ví dụ: các biến hoặc thuộc tính cục bộ).: When required by a third-party framework, parameter names may begin with a <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>46. This exception does not apply to any other identifiers (e.g. local variables or properties).<h4>6.2.8 Tên biến cục bộ</h4>Tên biến cục bộ được viết bằng <pre> {{ text | decodeHtmlEntities }}</pre>10, ngoại trừ các hằng số mô-đun-local (cấp cao nhất), như được mô tả ở trên. Các hằng số trong phạm vi chức năng vẫn được đặt tên trong <pre> {{ text | decodeHtmlEntities }}</pre>10. Lưu ý rằng <pre> {{ text | decodeHtmlEntities }}</pre>10 được sử dụng ngay cả khi biến chứa hàm tạo.<h4>6.2.9 Tên tham số mẫu</h4>Tên tham số mẫu phải súc tích, định danh một chữ cái hoặc một chữ cái và phải là tất cả các nắp, chẳng hạn như <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>50 hoặc <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>51.<h4>6.2.10 Tên mô-đun địa phương</h4>Các tên mô-đun-địa phương không được xuất khẩu là hoàn toàn riêng tư. Chúng không được đánh dấu <pre> {{ text | decodeHtmlEntities }}</pre>03 và không kết thúc trong một dấu gạch dưới. Điều này áp dụng cho các lớp, hàm, biến, hằng số, enum và các định danh mô-đun địa phương khác.<h3 id="6-3-truong-hop-lac-da-duoc-xac-dinh">6.3 Trường hợp lạc đà: được xác định</h3>Đôi khi có nhiều hơn một cách hợp lý để chuyển đổi một cụm từ tiếng Anh thành trường hợp lạc đà, chẳng hạn như khi các từ viết tắt hoặc các cấu trúc bất thường như IPv6 hoặc iOS có mặt. Để cải thiện khả năng dự đoán, Google Style chỉ định sơ đồ xác định (gần như) sau đây.Bắt đầu với hình thức văn xuôi của tên:<ol><li>Chuyển đổi cụm từ thành ASCII đơn giản và loại bỏ bất kỳ dấu nháy đơn nào. Ví dụ, thuật toán của Müller có thể trở thành thuật toán Mueller.</li><li>Chia kết quả này thành các từ, phân tách trên khoảng trống và bất kỳ dấu câu còn lại (thường là dấu gạch nối).<ol><li>Được đề xuất: Nếu bất kỳ từ nào đã có một trường hợp lạc đà thông thường xuất hiện trong cách sử dụng chung, hãy chia điều này thành các phần cấu thành của nó (ví dụ: AdWords trở thành từ AD). Lưu ý rằng một từ như iOS không thực sự trong trường hợp lạc đà mỗi se; Nó bất chấp bất kỳ quy ước, vì vậy khuyến nghị này không được áp dụng.</li> </ol></li><li>Bây giờ viết thường mọi thứ (bao gồm cả từ viết tắt), sau đó chỉ có ký tự đầu tiên của:<ol><li>Mỗi từ, để mang lại trường hợp lạc đà phía trên, hoặc</li><li>Mỗi từ ngoại trừ từ đầu tiên, để mang lại hộp lạc đà thấp hơn</li></ol></li><li>Cuối cùng, tham gia tất cả các từ vào một định danh duy nhất.</li></ol>Lưu ý rằng vỏ của các từ gốc gần như hoàn toàn coi thường.Examples: <table><tr><th>Hình thức văn xuôi</th><th>Chính xác</th><th>Không đúng</th></tr><tr><td>Yêu cầu XML HTTP</td><td>Xmlhttprequest</td><td>Xmlhttprequest</td></tr><tr><td>ID khách hàng mới</td><td>Newcustomerid</td><td>Newcustomerid</td></tr><tr><td>Đồng hồ bấm giờ bên trong</td><td>InnStopWatch</td><td>InnStopWatch</td></tr><tr><td>Hỗ trợ IPv6 trên iOS?</td><td>Hỗ trợsipv6onios</td><td>Hỗ trợsipv6onios</td></tr><tr><td>Nhà nhập khẩu YouTube</td><td>YouTubeImporter</td><td>YouTubeImporter*</td></tr></table>*Có thể chấp nhận, nhưng không được khuyến nghị.Lưu ý: Một số từ bị gạch nối mơ hồ trong ngôn ngữ tiếng Anh: ví dụ: không bình thường và không trống đều chính xác, vì vậy tên phương thức CheckNonempty và CheckNonempty đều đúng.<h2>7 JSDOC</h2>JSDOC được sử dụng trên tất cả các lớp, trường và phương thức.<h3 id="7-1-mau-chung">7.1 Mẫu chung</h3>Định dạng cơ bản của các khối JSDOC được thấy trong ví dụ này:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>06hoặc trong ví dụ một dòng này:<div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div><pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>07Nếu một nhận xét một dòng tràn vào nhiều dòng, nó phải sử dụng kiểu đa dòng với <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>53 và <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>54 trên các dòng của riêng họ.Nhiều công cụ trích xuất siêu dữ liệu từ các bình luận của JSDOC để thực hiện xác thực và tối ưu hóa mã. Như vậy, những ý kiến này phải được hình thành tốt.must be well-formed.<h3 id="7-2-markdown">7.2 Markdown</h3>JSDOC được viết bằng Markdown, mặc dù nó có thể bao gồm HTML khi cần thiết.Lưu ý rằng các công cụ tự động trích xuất JSDOC (ví dụ: Jsdossier) thường sẽ bỏ qua định dạng văn bản đơn giản, vì vậy nếu bạn đã làm điều này:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>08Nó sẽ ra như thế này:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>09Thay vào đó, hãy viết một danh sách đánh dấu:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>10<h3 id="7-3-the-jsdoc">7.3 Thẻ JSDOC</h3>Google Style cho phép một tập hợp con của các thẻ JSDOC. Nhìn thấy ?? cho danh sách đầy đủ. Hầu hết các thẻ phải chiếm dòng riêng của chúng, với thẻ ở đầu dòng.Disallowed:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>11Các thẻ đơn giản không yêu cầu bất kỳ dữ liệu bổ sung nào (chẳng hạn như <pre> {{ text | decodeHtmlEntities }}</pre>03, <pre> {{ text | decodeHtmlEntities }}</pre>05, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>57, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>58) có thể được kết hợp trên cùng một dòng, cùng với một loại tùy chọn khi thích hợp.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>12Không có quy tắc khó cho khi nào nên kết hợp các thẻ, hoặc theo thứ tự nào, nhưng phải nhất quán.Để biết thông tin chung về các loại chú thích trong JavaScript, hãy xem chú thích JavaScript cho trình biên dịch đóng và các loại trong hệ thống loại đóng.<h3 id="7-4-line-goi">7,4 Line Gói</h3>Thẻ khối được bọc dòng được thụt vào bốn không gian. Văn bản mô tả được bọc có thể được xếp hàng với mô tả trên các dòng trước, nhưng sự liên kết ngang này không được khuyến khích.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>13Không thụt vào khi gói mô tả <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>59 hoặc <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>79.Một tập tin có thể có tổng quan về tệp cấp cao nhất. Thông báo bản quyền, thông tin tác giả và mức độ hiển thị mặc định là tùy chọn. Tổng quan về tệp thường được đề xuất bất cứ khi nào một tệp bao gồm nhiều hơn một định nghĩa lớp. Nhận xét cấp cao nhất được thiết kế để định hướng độc giả không quen thuộc với mã theo những gì trong tệp này. Nếu có, nó có thể cung cấp mô tả về nội dung của tệp và bất kỳ phụ thuộc hoặc thông tin tương thích nào. Các dòng được bọc không được thụt vào.Example:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>14Các lớp, giao diện và bản ghi phải được ghi lại với mô tả và bất kỳ tham số mẫu nào, giao diện được triển khai, khả năng hiển thị hoặc các thẻ thích hợp khác. Mô tả lớp sẽ cung cấp cho người đọc đủ thông tin để biết cách thức và thời điểm sử dụng lớp, cũng như bất kỳ cân nhắc bổ sung nào cần thiết để sử dụng chính xác lớp. Mô tả văn bản có thể được bỏ qua trên hàm tạo. Các chú thích <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>61 và <pre> {{ text | decodeHtmlEntities }}</pre>97 không được sử dụng với từ khóa <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>06 trừ khi lớp được sử dụng để khai báo <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>14 hoặc nó mở rộng một lớp chung.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>15<h3 id="7-7-nhan-xet-ve-enum-va-typedef">7.7 Nhận xét về Enum và typedef</h3>Tất cả các enum và typedefs phải được ghi lại bằng các thẻ JSDOC thích hợp (<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>65 hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>82) trên dòng trước. Enums và typedefs công khai cũng phải có một mô tả. Các mục enum cá nhân có thể được ghi lại với nhận xét JSDOC về dòng trước.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>16Typedefs rất hữu ích để xác định các loại bản ghi ngắn hoặc bí danh cho các công đoàn, chức năng phức tạp hoặc các loại chung. Nên tránh đánh máy cho các loại hồ sơ với nhiều trường, vì chúng không cho phép ghi lại các trường riêng lẻ, cũng như không sử dụng các mẫu hoặc tham chiếu đệ quy. Đối với các loại hồ sơ lớn, thích <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>15.<h3 id="7-8-phuong-phap-va-nhan-xet-chuc-nang">7.8 Phương pháp và nhận xét chức năng</h3>Trong các phương thức và các hàm được đặt tên, tham số và loại trả về phải được ghi lại, ngoại trừ trong trường hợp có cùng chữ ký <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>68s, trong đó tất cả các loại bị bỏ qua. Loại <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>75 nên được ghi lại khi cần thiết. Loại trả về có thể bị bỏ qua nếu hàm không có câu lệnh <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>30 không trống. Phương thức, tham số và mô tả trả về (nhưng không phải loại) có thể bị bỏ qua nếu chúng rõ ràng từ phần còn lại của phương thức JSDOC hoặc từ chữ ký của nó.Mô tả phương thức bắt đầu bằng một cụm động từ mô tả những gì phương thức làm. Cụm từ này không phải là một câu bắt buộc, mà thay vào đó được viết ở người thứ ba, như thể có một phương pháp này ngụ ý ... trước nó.Nếu một phương thức ghi đè một phương thức siêu lớp, nó phải bao gồm một chú thích <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>68. Các phương thức ghi đè kế thừa tất cả các chú thích JSDOC từ phương thức siêu lớp (bao gồm các chú thích khả năng hiển thị) và chúng nên được bỏ qua trong phương thức ghi đè. Tuy nhiên, nếu bất kỳ loại nào được tinh chỉnh trong các chú thích loại, tất cả các chú thích <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>72 và <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>73 phải được chỉ định rõ ràng.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>17Nếu bạn chỉ cần ghi lại các loại tham số và trả về của một hàm, bạn có thể tùy ý sử dụng JSDOCs nội tuyến trong chữ ký của hàm. Các JSDocs nội tuyến này chỉ định các loại trả về và các loại param mà không có thẻ.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>18Nếu bạn cần mô tả hoặc thẻ, hãy sử dụng một nhận xét JSDOC duy nhất ở trên phương thức. Ví dụ: các phương thức trả về giá trị cần thẻ <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>73.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>19<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>20Trong các chú thích chức năng ẩn danh thường là tùy chọn. Nếu suy luận loại tự động không đủ hoặc chú thích rõ ràng sẽ cải thiện khả năng đọc, thì hãy chú thích các loại tham số và trả về như thế này:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>21Đối với biểu thức loại chức năng, xem ??.Các loại tài sản phải được ghi lại. Mô tả có thể được bỏ qua cho các thuộc tính riêng tư, nếu tên và loại cung cấp đủ tài liệu để hiểu mã.Các hằng số xuất khẩu công khai được bình luận giống như các thuộc tính.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>22<h3 id="7-10-loai-chu-thich">7.10 Loại chú thích</h3>Loại chú thích được tìm thấy trên <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>72, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>73, <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>91 và <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>78 và tùy chọn trên <pre> {{ text | decodeHtmlEntities }}</pre>05, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>58 và bất kỳ thẻ khả năng hiển thị nào. Loại chú thích gắn liền với các thẻ JSDOC phải luôn được đặt trong niềng răng.<h4>7.10.1 Khả năng vô hiệu</h4>Hệ thống loại xác định các sửa đổi <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>81 và <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>82 cho không có null và nullable, tương ứng. Những sửa đổi này phải đi trước loại.Bộ điều chỉnh khả năng vô hiệu hóa có các yêu cầu khác nhau cho các loại khác nhau, thuộc hai loại rộng:<ol><li>Loại chú thích cho các nguyên thủy (<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>83, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>84, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>85, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>86, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>54, <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>98) và các chữ (<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>89 và <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>90) luôn không thể chấp nhận được theo mặc định. Sử dụng công cụ sửa đổi <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>82 để làm cho nó vô hiệu hóa, nhưng bỏ qua <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>81 dự phòng.</li><li>Các loại tham chiếu (nói chung, bất cứ điều gì trong <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>17, bao gồm <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>94) đề cập đến một lớp, enum, record hoặc typedef được xác định ở nơi khác. Vì các loại này có thể hoặc không thể vô hiệu hóa, nên không thể biết từ tên đó cho dù nó có thể không có được hay không. Luôn luôn sử dụng các sửa đổi <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>82 và <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>81 rõ ràng cho các loại này để ngăn chặn sự mơ hồ tại các trang web sử dụng.</li></ol>Bad:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>23Good:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>24<h4>7.10.2 loại đúc</h4>Trong trường hợp trình biên dịch không suy ra chính xác loại biểu thức và các chức năng khẳng định trong goog.asserts không thể khắc phục nó, có thể thắt chặt loại bằng cách thêm nhận xét chú thích loại và đặt biểu thức trong ngoặc đơn. Lưu ý rằng dấu ngoặc đơn được yêu cầu.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>25<h4>7.10.3 Các loại tham số mẫu</h4>Luôn chỉ định tham số mẫu. Bằng cách này, trình biên dịch có thể làm một công việc tốt hơn và nó giúp người đọc dễ hiểu hơn về mã.Bad:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>26Good:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>27Các trường hợp không nên sử dụng tham số mẫu: không nên sử dụng:<ul><li><pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>59 được sử dụng cho phân cấp loại và không như cấu trúc giống như bản đồ.</li></ul><h4>7.10.4 Biểu thức loại chức năng</h4>Thuật ngữ Lưu ý: Biểu thức loại chức năng đề cập đến một chú thích loại cho các loại chức năng với từ khóa <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>10 trong chú thích (xem ví dụ bên dưới).: function type expression refers to a type annotation for function types with the keyword <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>10 in the annotation (see examples below).Trong đó định nghĩa hàm được đưa ra, không sử dụng biểu thức loại chức năng. Chỉ định tham số và các loại trả về với <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>72 và <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>73 hoặc với các chú thích nội tuyến (xem ??). Điều này bao gồm các hàm và hàm ẩn danh được xác định và gán cho một const (trong đó hàm JSDOC xuất hiện trên toàn bộ biểu thức gán).Các biểu thức loại chức năng là cần thiết, ví dụ, bên trong <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>65, <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>72 hoặc <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>73. Sử dụng nó cũng cho các biến hoặc thuộc tính của loại chức năng, nếu chúng không được khởi tạo ngay lập tức với định nghĩa hàm. <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>28Khi sử dụng biểu thức loại chức năng, luôn chỉ định loại trả về một cách rõ ràng. Mặt khác, loại trả lại mặc định không rõ (<pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>82), dẫn đến hành vi kỳ lạ và bất ngờ, và hiếm khi những gì thực sự mong muốn.Xấu - loại lỗi, nhưng không có cảnh báo nào được đưa ra:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>29Good:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>30<h4>7.10.5 Whitespace</h4>Trong một chú thích loại, cần có một khoảng trống hoặc ngắt dòng sau mỗi dấu phẩy hoặc đại tràng. Các lần ngắt dòng bổ sung có thể được chèn để cải thiện khả năng đọc hoặc tránh vượt quá giới hạn cột. Những lần nghỉ này nên được chọn và thụt vào theo các hướng dẫn hiện hành (ví dụ: ?? và ??). Không có khoảng trắng nào khác được phép trong các chú thích loại.Good:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>31Bad:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>32<h3 id="7-11-chu-thich-kha-nang-hien-thi">7.11 Chú thích khả năng hiển thị</h3>Chú thích khả năng hiển thị (<pre> {{ text | decodeHtmlEntities }}</pre>03, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>88, <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>87) có thể được chỉ định trong khối <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>79 hoặc trên bất kỳ biểu tượng hoặc thuộc tính được xuất nào. Không chỉ định khả năng hiển thị cho các biến cục bộ, cho dù trong một hàm hoặc ở cấp cao nhất của mô -đun. Tất cả các tên <pre> {{ text | decodeHtmlEntities }}</pre>03 phải kết thúc với một dấu gạch dưới.<h2 id="8-chinh-sach">8 chính sách</h2><h3 id="8-1-cac-van-de-khong-duoc-xac-dinh-boi-google-style-hay-nhat-quan">8.1 Các vấn đề không được xác định bởi Google Style: Hãy nhất quán!</h3>Đối với bất kỳ câu hỏi phong cách nào không được giải quyết dứt khoát bởi đặc điểm kỹ thuật này, thích làm những gì mã khác trong cùng một tệp đã làm. Nếu điều đó không giải quyết được câu hỏi, hãy xem xét mô phỏng các tệp khác trong cùng một gói.<h3 id="8-2-canh-bao-trinh-bien-dich">8.2 Cảnh báo trình biên dịch</h3><h4>8.2.1 Sử dụng bộ cảnh báo tiêu chuẩn</h4> Càng xa các dự án có thể nên sử dụng <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>10.<h4>8.2.2 Cách xử lý cảnh báo</h4>Trước khi làm bất cứ điều gì, hãy chắc chắn rằng bạn hiểu chính xác những gì cảnh báo đang nói với bạn. Nếu bạn không tích cực tại sao một cảnh báo xuất hiện, hãy yêu cầu giúp đỡ.Khi bạn hiểu cảnh báo, hãy thử các giải pháp sau theo thứ tự:<ol><li>Đầu tiên, sửa nó hoặc làm việc xung quanh nó. Thực hiện một nỗ lực mạnh mẽ để thực sự giải quyết cảnh báo, hoặc tìm một cách khác để hoàn thành nhiệm vụ hoàn toàn tránh được tình huống. Make a strong attempt to actually address the warning, or find another way to accomplish the task that avoids the situation entirely.</li><li>Nếu không, hãy xác định xem đó có phải là báo động sai hay không. Nếu bạn bị thuyết phục rằng cảnh báo là không hợp lệ và mã thực sự an toàn và chính xác, hãy thêm nhận xét để thuyết phục người đọc về thực tế này và áp dụng chú thích <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>11. If you are convinced that the warning is invalid and that the code is actually safe and correct, add a comment to convince the reader of this fact and apply the <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>11 annotation.</li><li>Nếu không, để lại một bình luận todo. Đây là một phương sách cuối cùng. Nếu bạn làm điều này, đừng đàn áp cảnh báo. Cảnh báo nên được nhìn thấy cho đến khi nó có thể được chăm sóc đúng cách. This is a last resort. If you do this, do not suppress the warning. The warning should be visible until it can be taken care of properly.</li></ol><h4>8.2.3 Bị cảnh báo ở phạm vi hợp lý hẹp nhất</h4>Các cảnh báo bị triệt tiêu ở phạm vi hợp lý hẹp nhất, thường là của một biến cục bộ hoặc phương pháp rất nhỏ. Thường thì một biến hoặc phương pháp được trích xuất chỉ vì lý do đó.Thí dụ<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>33Ngay cả một số lượng lớn các đàn áp trong một lớp vẫn tốt hơn so với việc làm mờ toàn bộ lớp với loại cảnh báo này.<h3 id="8-3-khau-hao">8.3 Khấu hao</h3>Đánh dấu các phương thức, lớp hoặc giao diện không dùng nữa với các chú thích <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>12. Một bình luận không nhận được bao gồm các hướng đơn giản, rõ ràng để mọi người sửa chữa các trang web cuộc gọi của họ.<h3 id="8-4-ma-khong-theo-kieu-google">8.4 Mã không theo kiểu Google</h3>Thỉnh thoảng bạn sẽ gặp các tệp trong cơ sở mã không có phong cách Google thích hợp. Những điều này có thể đến từ việc mua lại, hoặc có thể đã được viết trước khi Google Style có một vị trí về một số vấn đề hoặc có thể theo phong cách không google vì bất kỳ lý do nào khác.<h4>8.4.1 Định dạng lại mã hiện có</h4>Khi cập nhật phong cách của mã hiện có, hãy làm theo các hướng dẫn này.<ol><li>Không bắt buộc phải thay đổi tất cả các mã hiện có để đáp ứng các hướng dẫn kiểu hiện tại. Định dạng lại mã hiện tại là sự đánh đổi giữa mã hóa và tính nhất quán. Các quy tắc phong cách phát triển theo thời gian và các loại điều chỉnh này để duy trì sự tuân thủ sẽ tạo ra sự khuấy động không cần thiết. Tuy nhiên, nếu những thay đổi đáng kể đang được thực hiện đối với một tệp, dự kiến rằng tệp sẽ theo kiểu Google.</li><li>Hãy cẩn thận để không cho phép các sửa chữa phong cách cơ hội để xử lý sự tập trung của CL. Nếu bạn thấy mình thực hiện nhiều thay đổi về phong cách mà không quan trọng đối với trọng tâm của CL, hãy thúc đẩy những thay đổi đó thành một CL riêng biệt.</li></ol><h4>8.4.2 Mã mới được thêm vào: Sử dụng Google Style</h4>Các tệp hoàn toàn mới sử dụng Google Style, bất kể lựa chọn kiểu của các tệp khác trong cùng một gói.Khi thêm mã mới vào một tệp không có theo kiểu Google, việc định dạng lại mã hiện tại trước tiên được khuyến nghị, theo lời khuyên trong ??.Nếu định dạng lại này không được thực hiện, thì mã mới sẽ nhất quán nhất có thể với mã hiện có trong cùng một tệp, nhưng không được vi phạm hướng dẫn kiểu.<h3 id="8-5-quy-tac-phong-cach-dia-phuong">8.5 Quy tắc phong cách địa phương</h3>Các nhóm và dự án có thể áp dụng các quy tắc phong cách bổ sung ngoài các quy tắc trong tài liệu này, nhưng phải chấp nhận rằng các thay đổi dọn dẹp có thể không tuân thủ các quy tắc bổ sung này và không được chặn các thay đổi dọn dẹp đó do vi phạm bất kỳ quy tắc bổ sung nào. Cẩn thận với các quy tắc quá mức mà không có mục đích. Hướng dẫn phong cách không tìm cách xác định phong cách trong mọi kịch bản có thể và bạn cũng không nên.<h3 id="8-6-ma-duoc-tao-chu-yeu-la-duoc-mien-tru">8.6 Mã được tạo: Chủ yếu là được miễn trừ</h3> Mã nguồn được tạo bởi quy trình xây dựng không bắt buộc phải theo kiểu Google. Tuy nhiên, bất kỳ định danh được tạo nào sẽ được tham chiếu từ mã nguồn viết tay phải tuân theo các yêu cầu đặt tên. Là một ngoại lệ đặc biệt, các định danh như vậy được phép chứa dấu gạch dưới, điều này có thể giúp tránh xung đột với các định danh viết tay.<h2 id="9-phu-luc">9 Phụ lục</h2><h3 id="9-1-tham-khao-the-jsdoc">9.1 Tham khảo thẻ JSDOC</h3>JSDOC phục vụ nhiều mục đích trong JavaScript. Ngoài việc được sử dụng để tạo tài liệu, nó cũng được sử dụng để kiểm soát dụng cụ. Được biết đến nhiều nhất là chú thích loại trình biên dịch đóng cửa.<h4>9.1.1 Chú thích loại và các chú thích trình biên dịch đóng khác</h4>Tài liệu cho JSDOC được sử dụng bởi trình biên dịch đóng được mô tả trong chú thích JavaScript cho trình biên dịch đóng và các loại trong hệ thống loại đóng.<h4>9.1.2 Chú thích tài liệu</h4>Ngoài JSDOC được mô tả trong chú thích JavaScript cho trình biên dịch đóng, các thẻ sau đây là phổ biến và được hỗ trợ tốt bởi các công cụ tạo tài liệu khác nhau (như JSDossier) cho mục đích tài liệu thuần túy.Bạn cũng có thể thấy các loại chú thích JSDOC khác trong mã của bên thứ ba. Các chú thích này xuất hiện trong tham chiếu thẻ bộ công cụ JSDOC nhưng không được coi là một phần của Google Style hợp lệ.<section><h5>9.1.2.1 <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>13 hoặc <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>14 - Không được khuyến nghị.</h5>Không được khuyến khích.Cú pháp: <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>15<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>34Tài liệu là tác giả của một tệp hoặc chủ sở hữu của một bài kiểm tra, thường chỉ được sử dụng trong nhận xét <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>79. Thẻ <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>14 được sử dụng bởi bảng điều khiển kiểm tra đơn vị để xác định ai sở hữu kết quả kiểm tra.</section><section><h5>9.1.2.2 <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>18</h5>Cú pháp: <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>19<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>35Cho biết những gì các lỗi Các thử nghiệm hồi quy chức năng thử nghiệm đã cho.Mỗi lỗi nên có dòng <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>18 của riêng mình, để làm cho việc tìm kiếm các bài kiểm tra hồi quy dễ dàng nhất có thể.</section><section><h5>9.1.2.3 <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>21 - Khấu hao. Không được dùng.</h5>Phản đối. Không được dùng. Sử dụng dấu backticks Markdown thay thế.Cú pháp: <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>22Trong lịch sử, <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>23 được viết là <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>24.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>36Chỉ ra rằng một thuật ngữ trong mô tả JSDOC là mã để nó có thể được định dạng chính xác trong tài liệu được tạo.</section><section><h5>9.1.2.4 <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>59</h5>Cú pháp: <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>26<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>37</section><section><h5>9.1.2.5 <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>27</h5>Cú pháp: <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>28Thẻ này được sử dụng để tạo các liên kết tham chiếu chéo trong tài liệu được tạo.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>38Lưu ý lịch sử: Các thẻ @link cũng đã được sử dụng để tạo các liên kết bên ngoài trong tài liệu được tạo. Đối với các liên kết bên ngoài, thay vào đó, hãy luôn sử dụng cú pháp liên kết của Markdown: thay vào đó: @link tags have also been used to create external links in generated documentation. For external links, always use Markdown's link syntax instead:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>39</section><section><h5>9.1.2.6 <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>29</h5>Cú pháp: <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>30<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>40Tham chiếu Tra cứu chức năng hoặc phương thức lớp khác. </section><section><h5>9.1.2.7 <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>31</h5>Cú pháp: <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>32<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>41Được sử dụng trong tệp FileOverView để cho biết trình duyệt nào được hỗ trợ bởi tệp.</section><h4>9.1.3 Khung chú thích cụ thể</h4>Các chú thích sau đây là cụ thể cho một khung cụ thể.<section><h5>9.1.3.1 <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>33 cho góc 1</h5></section><section><h5>9.1.3.2 <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>34 cho polymer</h5>https://github.com/google/closure-compiler/wiki/Polymer-Pass</section><h4>9.1.4 Ghi chú về chú thích trình biên dịch đóng tiêu chuẩn</h4>Các thẻ sau đây được sử dụng là tiêu chuẩn nhưng hiện không được chấp nhận.<section><h5>9.1.4.1 <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>35 - Không dùng nữa. Không được dùng.</h5>Phản đối. Không được dùng. Thay vào đó, sử dụng <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>58 và/hoặc <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>96.</section><section><h5>9.1.4.2 <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>38 - Khấu hao. Không được dùng.</h5>Phản đối. Không được dùng. Sử dụng <pre><code>/* Poor: the reader has no idea what character this is. */ const units = '\u03bcs'; </code></pre>68 thay thế.</section><h3 id="9-2-quy-tac-phong-cach-thuong-bi-hieu-lam">9.2 Quy tắc phong cách thường bị hiểu lầm</h3>Dưới đây là một tập hợp các sự thật ít được biết đến hoặc thường bị hiểu lầm về phong cách Google cho JavaScript. (Sau đây là những câu nói thực; đây không phải là danh sách các huyền thoại.)<ul><li>Cả tuyên bố bản quyền và tín dụng <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>13 đều không được yêu cầu trong một tệp nguồn. (Cả hai cũng không được đề xuất rõ ràng.)</li><li>Không có quy tắc cứng và nhanh điều chỉnh cách đặt hàng các thành viên của một lớp (??).</li><li>Các khối trống thường có thể được biểu diễn chính xác là <pre> {{ text | decodeHtmlEntities }}</pre>90, như chi tiết trong (??).</li><li>Chỉ thị chính của việc bao bọc dòng là: thích phá vỡ ở cấp độ cú pháp cao hơn (??).</li><li>Các ký tự không phải ASCII được cho phép trong các chuỗi chữ, nhận xét và JSDOC, và trên thực tế được khuyến nghị khi chúng làm cho mã dễ đọc hơn so với Escape unicode tương đương sẽ (??).</li></ul>Các công cụ sau đây tồn tại để hỗ trợ các khía cạnh khác nhau của Google Style.<h4>9.3.1 Trình biên dịch đóng</h4>Chương trình này thực hiện kiểm tra loại và các kiểm tra, tối ưu hóa khác và các phép biến đổi khác (chẳng hạn như hạ thấp mã ECMAScript 6 đến ECMAScript 5).<h4>9.3.2 <pre> {{ text | decodeHtmlEntities }}</pre>80</h4>Chương trình này định dạng lại mã nguồn JavaScript thành Google Style và cũng tuân theo một số thực tiễn định dạng không có khả năng yêu cầu nhưng thường xuyên có khả năng đọc. Đầu ra được sản xuất bởi <pre> {{ text | decodeHtmlEntities }}</pre>80 tuân thủ hướng dẫn kiểu.<pre> {{ text | decodeHtmlEntities }}</pre>80 là không cần thiết. Các tác giả được phép thay đổi đầu ra của nó và người đánh giá được phép yêu cầu những thay đổi đó; Tranh chấp được thực hiện theo cách thông thường. Tuy nhiên, Subtrees có thể chọn chọn tham gia vào việc thực thi như vậy tại địa phương.<h4>9.3.3 Linter trình biên dịch đóng cửa</h4>Chương trình này kiểm tra một loạt các sai lầm và chống lại.<h4>9.3.4 Khung phù hợp</h4>Khung tuân thủ JS là một công cụ là một phần của trình biên dịch đóng cung cấp cho các nhà phát triển một phương tiện đơn giản để chỉ định một bộ kiểm tra bổ sung để chạy so với cơ sở mã của họ trên các kiểm tra tiêu chuẩn. Ví dụ, kiểm tra sự phù hợp có thể cấm truy cập vào một thuộc tính nhất định hoặc gọi đến một chức năng nhất định hoặc thiếu thông tin loại (chưa biết).Các quy tắc này thường được sử dụng để thực thi các hạn chế quan trọng (như xác định toàn cầu, có thể phá vỡ cơ sở mã) và các mẫu bảo mật (như sử dụng <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>93 hoặc gán cho <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>46) hoặc lỏng lẻo hơn để cải thiện chất lượng mã.Để biết thêm thông tin, hãy xem Tài liệu chính thức cho Khung tuân thủ JS.<h3 id="9-4-ngoai-le-cho-cac-nen-tang-ke-thua">9.4 Ngoại lệ cho các nền tảng kế thừa</h3><h4>9.4.1 Tổng quan</h4>Phần này mô tả các ngoại lệ và các quy tắc bổ sung sẽ được tuân thủ khi cú pháp ECMAScript 6 hiện đại không có sẵn cho các tác giả mã. Các trường hợp ngoại lệ cho kiểu được đề xuất là không cần thiết khi ECMAScript 6 cú pháp là không thể và được phác thảo ở đây:<ul><li>Việc sử dụng các khai báo <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>46 được cho phép</li><li>Sử dụng <pre><code>/* Best: perfectly clear even without a comment. */ const units = 'μs'; /* Allowed: but unnecessary as μ is a printable character. */ const units = '\u03bcs'; // 'μs' /* Good: use escapes for non-printable characters with a comment for clarity. */ return '\ufeff' + content; // Prepend a byte order mark. </code></pre>40 được cho phép</li><li>Các tham số tùy chọn mà không có giá trị mặc định được cho phép</li></ul><h4>9.4.2 Sử dụng <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>46</h4><h5>9.4.2.1 <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>46 Khai báo không bị bao gồm</h5>Các khai báo <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>46 được bắt đầu đến đầu hàm, tập lệnh hoặc mô -đun kèm theo gần nhất, có thể gây ra hành vi bất ngờ, đặc biệt là với các đóng chức chức năng tham chiếu các khai báo ____346 bên trong các vòng lặp. Mã sau đây đưa ra một ví dụ:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>42<h5>9.4.2.2 Khai báo các biến càng gần càng tốt để sử dụng đầu tiên</h5>Mặc dù các khai báo <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>46 được bắt đầu đến khi bắt đầu hàm kèm theo, các khai báo <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>46 phải càng gần càng tốt với mục đích sử dụng đầu tiên của chúng, cho mục đích dễ đọc. Tuy nhiên, không đặt khai báo <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>46 bên trong một khối nếu biến đó được tham chiếu bên ngoài khối. Ví dụ:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>43<h5>9.4.2.3 Sử dụng @const cho các biến hằng số</h5>Đối với các khai báo toàn cầu trong đó từ khóa <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>42 sẽ được sử dụng, nếu có sẵn, hãy chú thích khai báo <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>46 với @const thay thế (đây là tùy chọn cho các biến cục bộ).<h4>9.4.3 Không sử dụng khai báo các chức năng phạm vi khối</h4>Không làm điều này:not do this:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>44Trong khi hầu hết các máy ảo JavaScript được triển khai trước các khai báo chức năng hỗ trợ ECMAScript 6 trong các khối, nó không được tiêu chuẩn hóa. Việc triển khai không phù hợp với nhau và với hành vi ECMAScript 6 tiêu chuẩn hiện nay đối với khai báo chức năng phạm vi khối. ECMAScript 5 và trước chỉ cho phép khai báo chức năng trong danh sách câu lệnh gốc của tập lệnh hoặc hàm và cấm chúng một cách rõ ràng trong phạm vi khối ở chế độ nghiêm ngặt.Để có được hành vi nhất quán, thay vào đó, hãy sử dụng <pre>transform(value: any, args: any[]): any { if (!value) return; let txt = document.createElement("textarea"); txt.innerHTML = value; return txt.value; }</pre>46 được khởi tạo bằng biểu thức chức năng để xác định hàm trong một khối:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>45<h4>9.4.4 Quản lý phụ thuộc với ________ 227/________ 183</h4><h5>9.4.4.1 Tóm tắt</h5>CẢNH BÁO: <pre> {{ text | decodeHtmlEntities }}</pre>27 Quản lý phụ thuộc không được chấp nhận. Tất cả các tệp mới, ngay cả trong các dự án sử dụng <pre> {{ text | decodeHtmlEntities }}</pre>27 cho các tệp cũ hơn, nên sử dụng <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75. Các quy tắc sau chỉ dành cho các tệp <pre> {{ text | decodeHtmlEntities }}</pre>27 đã tồn tại trước. All new files, even in projects using <pre> {{ text | decodeHtmlEntities }}</pre>27 for older files, should use <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>75. The following rules are for pre-existing <pre> {{ text | decodeHtmlEntities }}</pre>27 files only.<ul><li>Đặt tất cả <pre> {{ text | decodeHtmlEntities }}</pre>27S đầu tiên, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83s thứ hai. Cung cấp riêng biệt từ yêu cầu với một dòng trống.</li><li>Sắp xếp các mục theo thứ tự bảng chữ cái (chữ hoa đầu tiên).</li><li>Đừng bao bọc các câu lệnh <pre> {{ text | decodeHtmlEntities }}</pre>27 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83. Vượt quá 80 cột nếu cần thiết.</li><li>Chỉ cung cấp các biểu tượng cấp cao nhất.</li></ul>Các tuyên bố <pre> {{ text | decodeHtmlEntities }}</pre>27 nên được nhóm lại với nhau và đặt đầu tiên. Tất cả các tuyên bố <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 nên tuân theo. Hai danh sách nên được phân tách bằng một dòng trống.Tương tự như các câu lệnh nhập trong các ngôn ngữ khác, các câu lệnh <pre> {{ text | decodeHtmlEntities }}</pre>27 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 phải được viết trong một dòng, ngay cả khi chúng vượt quá giới hạn độ dài dòng 80 cột.Các dòng phải được sắp xếp theo thứ tự bảng chữ cái, với các chữ cái viết hoa đầu tiên:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>46Tất cả các thành viên được xác định trên một lớp phải nằm trong cùng một tệp. Chỉ các lớp cấp cao nhất nên được cung cấp trong một tệp chứa nhiều thành viên được xác định trên cùng một lớp (ví dụ: các lớp enum, lớp bên trong, v.v.).Làm cái này:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>47Không phải cái này:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>48Các thành viên trên các không gian tên cũng có thể được cung cấp:<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>49<h5>9.4.4.2 Bí danh với <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>73</h5>CẢNH BÁO: <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>73 bị phản đối. Các tệp mới không nên sử dụng <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>73 ngay cả trong các dự án có cách sử dụng <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>73 hiện có. New files should not use <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>73 even in projects with existing <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>73 usage.<pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>73 có thể được sử dụng để rút ngắn các tham chiếu đến các ký hiệu theo tên trong mã bằng cách sử dụng quản lý phụ thuộc ____ 227/________ 183.Chỉ có thể thêm một lời mời <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>73 cho mỗi tệp. Luôn luôn đặt nó trong phạm vi toàn cầu.Nhu cầu mở đầu <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>81 phải được đi trước bằng chính xác một dòng trống và tuân theo bất kỳ câu lệnh <pre> {{ text | decodeHtmlEntities }}</pre>27 nào, các câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 hoặc nhận xét cấp cao nhất. Việc gọi phải được đóng trên dòng cuối cùng trong tệp. Nối <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>84 vào câu lệnh đóng của phạm vi. Tách xét nhận xét từ dấu chấm phẩy bằng hai không gian.Tương tự như các không gian tên C ++, không thụt vào trong các khai báo <pre><code>goog.module('search.urlHistory.UrlHistoryService'); </code></pre>73. Thay vào đó, hãy tiếp tục từ cột 0.Chỉ tạo bí danh cho các tên sẽ không được gán lại cho một đối tượng khác (ví dụ: hầu hết các hàm tạo, enum và không gian tên). Không làm điều này (xem bên dưới để biết cách làm bí danh một hàm tạo):<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>50Tên phải giống như tài sản cuối cùng của toàn cầu mà chúng là bí danh.<pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>51<h5>9.4.4.3 <pre> {{ text | decodeHtmlEntities }}</pre>34</h5>Thích sử dụng <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84 thay vì <pre> {{ text | decodeHtmlEntities }}</pre>34 để phá vỡ các phụ thuộc tròn giữa các tệp trong cùng một thư viện. Không giống như <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83, câu lệnh <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84 được phép nhập không gian tên trước khi được xác định.<pre> {{ text | decodeHtmlEntities }}</pre>34 vẫn có thể được sử dụng trong mã di sản để phá vỡ các tài liệu tham khảo tròn trải dài qua các ranh giới thư viện, nhưng mã mới hơn nên được cấu trúc để tránh nó.<pre> {{ text | decodeHtmlEntities }}</pre>34 Các câu lệnh phải tuân theo các quy tắc kiểu tương tự như <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84. Toàn bộ khối <pre> {{ text | decodeHtmlEntities }}</pre>34, <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>83 và <pre>import module@NgModule({ declarations:[DecodeHtmlEntitiesModule], exports:[DecodeHtmlEntitiesModule] })</pre>84 được sắp xếp theo thứ tự bảng chữ cái.<div></div> <div></div></div> <div class="readmore_content_exists"><button id="readmore_content">Đọc tiếp</button></div> </td></tr></table> <div style="padding:10px 0px;text-align:center"><div class="addthis_inline_share_toolbox"></div></div> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video liên quan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/rmtPBkUhyLQ?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="mt-3"> <div class="tags"> <a href="https://boxhoidap.com/tags/programming" class="tag-link">programming</a> <a href="https://boxhoidap.com/tags/html" class="tag-link">html</a> <a href="https://boxhoidap.com/tags/Angular html raw" class="tag-link">Angular html raw</a> <a href="https://boxhoidap.com/tags/HTML encode Angular" class="tag-link">HTML encode Angular</a> <a href="https://boxhoidap.com/tags/HTML entity decode" class="tag-link">HTML entity decode</a> <a href="https://boxhoidap.com/tags/Html-entities - npm" class="tag-link">Html-entities - npm</a> <a href="https://boxhoidap.com/tags/Encode HTML angular" class="tag-link">Encode HTML angular</a> </div> </div> <div class="post-tools"> <button data-postid="huong-dan-angular-decode-html-entities-giai-ma-goc-thuc-the-html" class="btn btn-answerModalBox"><img class="mr-1" alt="Hướng dẫn angular decode html entities - giải mã góc thực thể html" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="huong-dan-angular-decode-html-entities-giai-ma-goc-thuc-the-html" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Hướng dẫn angular decode html entities - giải mã góc thực thể html" src="/dist/images/svg/face-smile_16.svg">7</button> <button data-postid="huong-dan-angular-decode-html-entities-giai-ma-goc-thuc-the-html" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Hướng dẫn angular decode html entities - giải mã góc thực thể html" src="/dist/images/svg/poo_16.svg">0</button> <button class="btn"><img class="mr-1" alt="Hướng dẫn angular decode html entities - giải mã góc thực thể html" src="/dist/images/svg/facebook_16.svg"> Chia sẻ</button> </div> </div> </div> </div> <div id="answers_huong-dan-angular-decode-html-entities-giai-ma-goc-thuc-the-html" class="answers"> </div> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8199996671"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Bài Viết Liên Quan</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/log-in-to-sql-with-windows-authentication-loi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/WTU8R18idvM/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAJvMBWSEI9hlAQdXnMMUxaRPUUxQ" alt="Log in to sql with windows authentication lỗi năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/log-in-to-sql-with-windows-authentication-loi-nam-2024">Log in to sql with windows authentication lỗi năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/phuoc-wave-alpha-zin-gia-bao-nhieu-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/kaiAPml8qNE/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDQal03fuGIDGNfKwL_7tLz8wE0PQ" alt="Phuộc wave alpha zin giá bao nhiêu năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/phuoc-wave-alpha-zin-gia-bao-nhieu-nam-2024">Phuộc wave alpha zin giá bao nhiêu năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/bao nhieu" class="tag-link">bao nhieu</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Bao nhiêu" class="tag-link">Bao nhiêu</a> <a href="/tags/Cryto" class="tag-link">Cryto</a> <a href="/tags/Giá " class="tag-link">Giá </a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/in-hoa-don-dien-binh-dinh-mien-trung-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/2Psd-blW7IU/hqdefault.jpg?sqp=-oaymwE9COADEI4CSFryq4qpAy8IARUAAAAAGAElAADIQj0AgKJDeAHwAQH4AcgBgALoAooCDAgAEAEYZSBLKD0wDw==&rs=AOn4CLAnETlFBH3-bH2EmcQcV8obBQBGxQ" alt="In hóa đơn điện bình định miền trung năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/in-hoa-don-dien-binh-dinh-mien-trung-nam-2024">In hóa đơn điện bình định miền trung năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/cskh.evnspc.vn miền trung" class="tag-link">cskh.evnspc.vn miền trung</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/nhip-tim-dap-nhanh-la-bao-nhieu-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/fi7RZDhCUEw/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYZSBfKEowDw==&rs=AOn4CLAB4X4u9gkb6__FLITAjndmpph48w" alt="Nhịp tim đập nhanh là bao nhiêu năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/nhip-tim-dap-nhanh-la-bao-nhieu-nam-2024">Nhịp tim đập nhanh là bao nhiêu năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/bao nhieu" class="tag-link">bao nhieu</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Bao nhiêu" class="tag-link">Bao nhiêu</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/5-dinh-elliot-trong-chung-khoan-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/mV4fUJeGRoY/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCsQKHm6xZtZ5yfkyQ7_HrfHbxDVg" alt="5 đỉnh elliot trong chứng khoán là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/5-dinh-elliot-trong-chung-khoan-la-gi-nam-2024">5 đỉnh elliot trong chứng khoán là gì năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cach-chinh-sua-van-ban-truoc-khi-in-trong-excel-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/69N8VfQ5Uas/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCpUoNjB51mWVZqOqZ6eW5hgXPNeA" alt="Cách chỉnh sửa văn bản trước khi in trong excel năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cach-chinh-sua-van-ban-truoc-khi-in-trong-excel-nam-2024">Cách chỉnh sửa văn bản trước khi in trong excel năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Mẹo Hay" class="tag-link">Mẹo Hay</a> <a href="/tags/Cách" class="tag-link">Cách</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-38-tr12-sach-bai-tap-toan-8-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/9GccLpaBdtM/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYciA_KGwwDw==&rs=AOn4CLDOhxaYhxRIRyodSaUvgOBx1qCNhg" alt="Bài 38 tr12 sách bài tập toán 8 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-38-tr12-sach-bai-tap-toan-8-nam-2024">Bài 38 tr12 sách bài tập toán 8 năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Sách " class="tag-link">Sách </a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/chup-anh-tu-suong-online-tren-lap-top-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Hq-XkilF4Qc/hqdefault.jpg?sqp=-oaymwE9COADEI4CSFryq4qpAy8IARUAAAAAGAElAADIQj0AgKJDeAHwAQH4AcwGgALgA4oCDAgAEAEYVSBdKGUwDw==&rs=AOn4CLBm7gyNbXp6t7-rKT2mqmXSbT4xzg" alt="Chup anh tu suong online tren lap top năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/chup-anh-tu-suong-online-tren-lap-top-nam-2024">Chup anh tu suong online tren lap top năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Top" class="tag-link">Top</a> <a href="/tags/Camera laptop" class="tag-link">Camera laptop</a> <a href="/tags/Snap Camera" class="tag-link">Snap Camera</a> <a href="/tags/CyberLink YouCam" class="tag-link">CyberLink YouCam</a> <a href="/tags/MyCam" class="tag-link">MyCam</a> <a href="/tags/Camera máy tính" class="tag-link">Camera máy tính</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/luong-co-ban-hien-nay-la-bao-nhieu-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/PmQi52JUsTU/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLD1348a0BH47hbMFz3xh1E4lO1YKg" alt="Lương cơ bản hiện nay là bao nhiêu năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/luong-co-ban-hien-nay-la-bao-nhieu-nam-2024">Lương cơ bản hiện nay là bao nhiêu năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/bao nhieu" class="tag-link">bao nhieu</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Bao nhiêu" class="tag-link">Bao nhiêu</a> <a href="/tags/Lương cơ sở" class="tag-link">Lương cơ sở</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/at-any-given-time-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/3pNwozACe-E/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAfKPaTPBgzOsVMbikfKBQ7bjeVLA" alt="At any given time là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/at-any-given-time-la-gi-nam-2024">At any given time là gì năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cach-fix-loi-man-hinh-xanh-win-7-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/NEySjfRxeBE/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBlSewKy-HPSI6DaaFsAaDPuCOMjA" alt="Cách fix lỗi màn hình xanh win 7 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cach-fix-loi-man-hinh-xanh-win-7-nam-2024">Cách fix lỗi màn hình xanh win 7 năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Mẹo Hay" class="tag-link">Mẹo Hay</a> <a href="/tags/Cách" class="tag-link">Cách</a> <a href="/tags/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Màn hình" class="tag-link">Màn hình</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/ddoan-trich-hay-trong-tuoi-tre-dang-gia-bao-nhieu-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/6GSAN4Z_vRw/hq720_2.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGADwAQH4Ab4EgAKACIoCDAgAEAEYVCBlKGUwDw==&rs=AOn4CLD-grtUSYpq3NxfWjNnDXlnV1o7hg" alt="Dđoạn trích hay trong tuổi trẻ đáng giá bao nhiêu năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/ddoan-trich-hay-trong-tuoi-tre-dang-gia-bao-nhieu-nam-2024">Dđoạn trích hay trong tuổi trẻ đáng giá bao nhiêu năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/bao nhieu" class="tag-link">bao nhieu</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Bao nhiêu" class="tag-link">Bao nhiêu</a> <a href="/tags/Cryto" class="tag-link">Cryto</a> <a href="/tags/Giá " class="tag-link">Giá </a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/chien-luoc-quoc-te-cua-doanh-nghiep-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/FqUOj_utkUo/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4AdQGgALgA4oCDAgAEAEYEyA3KH8wDw==&rs=AOn4CLAkr3RSrrEgmbtw1jsR1q-wh4fP_A" alt="Chiến lược quốc tế của doanh nghiệp là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/chien-luoc-quoc-te-cua-doanh-nghiep-la-gi-nam-2024">Chiến lược quốc tế của doanh nghiệp là gì năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cach-tinh-so-dan-trung-binh-tren-ban-do-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/9Fc6U66xcD0/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLD1yN3xVlpKLXItX97D_54p7hMooA" alt="Cách tính số dân trung bình trên bản đồ năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cach-tinh-so-dan-trung-binh-tren-ban-do-nam-2024">Cách tính số dân trung bình trên bản đồ năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Mẹo Hay" class="tag-link">Mẹo Hay</a> <a href="/tags/Cách" class="tag-link">Cách</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/hinh-thuc-giao-hang-cod-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/7WrAnnL46FU/hqdefault.jpg?sqp=-oaymwE9COADEI4CSFryq4qpAy8IARUAAAAAGAElAADIQj0AgKJDeAHwAQH4AboFgAKQA4oCDAgAEAEYfyAlKB8wDw==&rs=AOn4CLBAQAy8Sim6P72gq2bQ3ZPS2WhXuA" alt="Hình thức giao hàng cod là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/hinh-thuc-giao-hang-cod-la-gi-nam-2024">Hình thức giao hàng cod là gì năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Ship COD Viettel" class="tag-link">Ship COD Viettel</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/139-van-than-phuong-08-quan-6-ho-chi-minh-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/jwzYHql1uOg/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYZSBYKFAwDw==&rs=AOn4CLA0FI6X7NgNphpICAaYBUduDySGSA" alt="139 văn thân phường 08 quận 6 hồ chí minh năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/139-van-than-phuong-08-quan-6-ho-chi-minh-nam-2024">139 văn thân phường 08 quận 6 hồ chí minh năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/yen-sao-gia-bao-nhieu-1-hop-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/4oiYk3Uvjyo/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYZSBZKEowDw==&rs=AOn4CLCyzghVvIFpdI4wVS08MABLmiSJbQ" alt="Yến sào giá bao nhiêu 1 hộp năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/yen-sao-gia-bao-nhieu-1-hop-nam-2024">Yến sào giá bao nhiêu 1 hộp năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/bao nhieu" class="tag-link">bao nhieu</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Bao nhiêu" class="tag-link">Bao nhiêu</a> <a href="/tags/Cryto" class="tag-link">Cryto</a> <a href="/tags/Giá " class="tag-link">Giá </a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/dap-an-vo-bai-tap-toan-lop-2-tap-1-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/YMQrEZyfnk0/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBEX8jAcifMmzCW4VhD0RdKG7hDFg" alt="Đáp án vở bài tập toán lớp 2 tập 1 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/dap-an-vo-bai-tap-toan-lop-2-tap-1-nam-2024">Đáp án vở bài tập toán lớp 2 tập 1 năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/benh-quai-bi-o-nam-gioi-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/xygV5FaHeOY/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYGyBlKFYwDw==&rs=AOn4CLC0DCeRY7XNmb4aJJk8pEG0SyRICA" alt="Bệnh quai bị ở nam giới là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/benh-quai-bi-o-nam-gioi-la-gi-nam-2024">Bệnh quai bị ở nam giới là gì năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-tap-tieng-anh-unit-9-lop-6-thi-diem-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/eORmIH-8FUM/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBNVuhvvGJs59O6z8f2xoqrsp9F-A" alt="Bài tập tiếng anh unit 9 lớp 6 thí điểm năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-tap-tieng-anh-unit-9-lop-6-thi-diem-nam-2024">Bài tập tiếng anh unit 9 lớp 6 thí điểm năm 2024</a></h5> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Tiếng anh" class="tag-link">Tiếng anh</a> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> <div class="postContentRight"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-13 pb-3 text-center">Quảng Cáo</h4> <div class="mb-4 mx-auto" style="text-align:center"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8742637402" data-ad-format="auto" data-full-width-responsive="true"> </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Có thể bạn quan tâm</h3> <div class="divider"></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/laay-ai-lam-tro-dua-tieng-anh-la-gi-nam-2024">Laấy ai làm trò đùa tiếng anh là gì năm 2024</a></h5> 18 giờ trước . bởi <a href="https://boxhoidap.com/author/UniversalFooting" class="author">UniversalFooting</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/bo-sac-binh-xe-nang-tieng-anh-la-gi-nam-2024">Bộ sạc bình xe nâng tiếng anh là gì năm 2024</a></h5> 18 giờ trước . bởi <a href="https://boxhoidap.com/author/PapalProceedings" class="author">PapalProceedings</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/coo-tat-ca-bao-nhieu-ben-tham-gia-du-an-nam-2024">Coó tất cả bao nhiêu bên tham gia dự án năm 2024</a></h5> 18 giờ trước . bởi <a href="https://boxhoidap.com/author/FreckledAdvertising" class="author">FreckledAdvertising</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/tinh-trung-binh-mot-khoang-thoi-gian-trong-excel-nam-2024">Tính trung bình một khoảng thời gian trong excel năm 2024</a></h5> 18 giờ trước . bởi <a href="https://boxhoidap.com/author/TerrestrialDedication" class="author">TerrestrialDedication</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/loi-khong-giu-khoang-cach-an-toan-xe-oto-nam-2024">Lỗi không giữ khoảng cách an toàn xe oto năm 2024</a></h5> 18 giờ trước . bởi <a href="https://boxhoidap.com/author/EcologicalBuilding" class="author">EcologicalBuilding</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/misa-bao-loi-khong-co-trong-danhm-uc-la-sao-nam-2024">Misa báo lỗi không có trong danhm ục là sao năm 2024</a></h5> 19 giờ trước . bởi <a href="https://boxhoidap.com/author/DigestiveAbstinence" class="author">DigestiveAbstinence</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/sua-loi-viet-chu-truoc-mat-chu-sau-nam-2024">Sửa lỗi viết chữ trước mất chữ sau năm 2024</a></h5> 19 giờ trước . bởi <a href="https://boxhoidap.com/author/BrutalSquad" class="author">BrutalSquad</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/cong-van-so-02-ngay-19-thang-9-nam-2023-nam-2024">Công văn số 02 ngày 19 tháng 9 năm 2023 năm 2024</a></h5> 19 giờ trước . bởi <a href="https://boxhoidap.com/author/DeafGenesis" class="author">DeafGenesis</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/su-dung-cong-nghe-bao-nhieu-thoi-gian-trong-ngay-nam-2024">Sử dụng công nghệ bao nhiêu thời gian trong ngày năm 2024</a></h5> 20 giờ trước . bởi <a href="https://boxhoidap.com/author/BarbarianRelativism" class="author">BarbarianRelativism</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/18-thang-gieng-am-lich-la-ngay-gi-nam-2024">18 tháng giêng âm lịch là ngày gì năm 2024</a></h5> 20 giờ trước . bởi <a href="https://boxhoidap.com/author/GaseousLiquidation" class="author">GaseousLiquidation</a> </div> </div> </div> </div> </div> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-17 pb-3">Toplist được quan tâm</h3> <div class="divider"></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-7-tet-mau-than-nam-1968-da-dien-ra-su-kien-gi-o-mien-nam-nuoc-ta-2023">Top 7 tết mậu thân năm 1968 đã diễn ra sự kiện gì ở miền nam nước ta 2023</a></h5> 5 tháng trước </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-13-luyen-tu-va-cau-dau-gach-ngang-lop-4-trang-45-2023">Top 13 luyện từ và câu: dấu gạch ngang lớp 4 trang 45 2023</a></h5> 5 tháng trước </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-6-trong-mat-phang-oxy-anh-cua-duong-thang-d-3x-y-40-2023">Top 6 trong mặt phẳng oxy ảnh của đường thẳng d 3x y 4=0 2023</a></h5> 5 tháng trước </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-6-thu-thach-than-chet-thuyet-minh-phan-2-2023">Top 6 thử thách thần chết thuyết minh phần 2 2023</a></h5> 5 tháng trước </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-4-vo-bai-tap-tieng-viet-lop-3-tap-2-chinh-ta-trang-15-2023">Top 4 vở bài tập tiếng việt lớp 3 tập 2 chính tả trang 15 2023</a></h5> 5 tháng trước </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-5-ao-khoac-nam-quang-chau-cao-cap-2023">Top 5 áo khoác nam quảng châu cao cấp 2023</a></h5> 5 tháng trước </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-4-noi-dung-nao-sau-day-khong-phai-la-trach-nhiem-cua-don-vi-dau-moi-cung-cap-thong-tin-2023">Top 4 nội dung nào sau đây không phải là trách nhiệm của đơn vị đầu mối cung cấp thông tin 2023</a></h5> 5 tháng trước </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-9-mau-dong-phuc-cong-so-dep-2022-2023">Top 9 mẫu đồng phục công sở đẹp 2022 2023</a></h5> 5 tháng trước </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://boxhoidap.com/toplist-top-5-op-lung-iphone-13-pro-bao-ve-camera-2023">Top 5 ốp lưng iphone 13 pro bảo vệ camera 2023</a></h5> 5 tháng trước </div> </div> </div> </div> </div> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Xem Nhiều</h3> <div class="divider"></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/giai-cac-bai-toan-tim-x-lop-4-nam-2024">Giải các bài toán tìm x lớp 4 năm 2024</a></h5> 4 ngày trước . bởi <a href="https://boxhoidap.com/author/PredominantManga" class="author">PredominantManga</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/bi-te-got-chan-la-benh-gi-nam-2024">Bị tê gót chân là bệnh gì năm 2024</a></h5> 6 ngày trước . bởi <a href="https://boxhoidap.com/author/AdultClerk" class="author">AdultClerk</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/lam-vo-bai-tap-toan-lop-3-trang-53-nam-2024">Làm vở bài tập toán lớp 3 trang 53 năm 2024</a></h5> 1 tuần trước . bởi <a href="https://boxhoidap.com/author/MinisterialProphecy" class="author">MinisterialProphecy</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/cuoc-goi-khong-xac-dinh-la-gi-nam-2024">Cuộc gọi không xác định là gì năm 2024</a></h5> 4 ngày trước . bởi <a href="https://boxhoidap.com/author/UncontrollableComplexity" class="author">UncontrollableComplexity</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/bai-tap-co-loi-giai-to-chuc-thi-cong-nam-2024">Bài tập có lời giải tổ chức thi công năm 2024</a></h5> 1 ngày trước . bởi <a href="https://boxhoidap.com/author/VolubleBrowsing" class="author">VolubleBrowsing</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/14-thang-6-am-la-ngay-bao-nhieu-duong-nam-2024">14 tháng 6 âm là ngày bao nhiêu dương năm 2024</a></h5> 1 tuần trước . bởi <a href="https://boxhoidap.com/author/DeepeningCommune" class="author">DeepeningCommune</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/cach-chuyen-van-ban-tu-file-pdf-sang-word-nam-2024">Cách chuyển văn bản từ file pdf sang word năm 2024</a></h5> 6 ngày trước . bởi <a href="https://boxhoidap.com/author/UnkemptOutcome" class="author">UnkemptOutcome</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/thoai-hoa-cot-song-that-lung-tieu-chuan-chan-dona-nam-2024">Thoái hóa cột sống thắt lưng tiêu chuẩn chân đoná năm 2024</a></h5> 1 tuần trước . bởi <a href="https://boxhoidap.com/author/UnruffledSemifinal" class="author">UnruffledSemifinal</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/what-have-you-been-up-to-lately-la-gi-nam-2024">What have you been up to lately là gì năm 2024</a></h5> 5 ngày trước . bởi <a href="https://boxhoidap.com/author/Military-industrialTreadmill" class="author">Military-industrialTreadmill</a> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/mau-xanh-luc-la-mau-nhu-the-nao-nam-2024">Màu xanh lục là màu như thế nào năm 2024</a></h5> 3 ngày trước . bởi <a href="https://boxhoidap.com/author/UninhibitedCompetition" class="author">UninhibitedCompetition</a> </div> </div> </div> </div> </div> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto" style=" text-align: center"> <div id='div-gpt-ad-1657246837997-0' style='min-width: 300px; min-height: 600px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1657246837997-0'); }); </script> </div> </div> </div> </div> </div> </div> </div> </section>  <script>var questionId ='huong-dan-angular-decode-html-entities-giai-ma-goc-thuc-the-html'</script> <script>var postTime ='2022-11-25T05:39:46.332Z'</script> <script>var siteDomain ='boxhoidap.com'</script> <script type="text/javascript" src="https://boxhoidap.com/dist/js/pages/comment.js"></script>  <section class="footer-area pt-80px bg-dark position-relative"> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Chúng tôi</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Giới thiệu</a></li> <li><a href="/contact.html">Liên hệ</a></li> <li><a href="/contact.html">Tuyển dụng</a></li> <li><a href="/contact.html">Quảng cáo</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Điều khoản</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Điều khoản hoạt động</a></li> <li><a href="/terms-and-conditions.html">Điều kiện tham gia</a></li> <li><a href="/privacy-statement.html">Quy định cookie</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Trợ giúp</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Hướng dẫn</a></li> <li><a href="/contact.html">Loại bỏ câu hỏi</a></li> <li><a href="/contact.html">Liên hệ</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Mạng xã hội</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"> Facebook</a></li> <li><a href="#"> Twitter</a></li> <li><a href="#"> LinkedIn</a></li> <li><a href="#"> Instagram</a></li> </ul> </div> </div> </div> </div> <hr class="border-top-gray my-5"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <a href="//www.dmca.com/Protection/Status.aspx?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120am.png?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" width="123px" height="21px" alt="DMCA.com Protection Status" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script> </div> <div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Bản quyền © 2021 <a href="https://boxhoidap.com">boxhoidap.com</a> Inc.</div> </div> </div> </div> </div> </section> <script> $( document ).ready(function() { setTimeout(showMoreButton, 3000); function showMoreButton(){ let minheight = 1000; minheight = parseInt($("#entryContent").innerHeight())/3; $("#entryContent").css('min-height', minheight).css('max-height', minheight).css('overflow', 'hidden'); $("#readmore_content").click(function(){ $("#entryContent").css('min-height', '').css('max-height', '').css('overflow', ''); $(".readmore_content_exists").css('display', 'none'); }) } }); </script>   <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Lên đầu trang"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div>  <script src="https://boxhoidap.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://boxhoidap.com/dist/js/moment.js"></script> <script src="https://boxhoidap.com/dist/js/read-more.min.js"></script> <script src="https://boxhoidap.com/dist/js/main.js?v=6"></script>  <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jxuz46z39u"); </script> </body> </html> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="f154886920bec07060cfe5b7-|49" defer></script>