Hàm hàng JavaScript
Ký hiệu mũi tên béo được sử dụng cho các chức năng ẩn danh i. e cho biểu thức hàm. Chúng còn được gọi là các hàm lambda trong các ngôn ngữ khác Show cú pháp (param1, param2, ..., paramN) => expression Sử dụng mũi tên béo 3, chúng tôi đã loại bỏ nhu cầu sử dụng từ khóa 4. Các tham số được truyền trong dấu ngoặc đơn 5 và biểu thức hàm được đặt trong dấu ngoặc nhọn 6Thí dụ. Chức năng mũi tên béo Sao chép
Trong ví dụ trên, 0 là một hàm mũi tên. 1 biểu thị các loại tham số, 2 chỉ định loại trả về. Mũi tên béo 3 phân tách các tham số hàm và thân hàm. Phía bên phải của 3 có thể chứa một hoặc nhiều câu lệnh mãHàm mũi tên ở trên 0 sẽ được chuyển đổi thành mã JavaScript sau
Sau đây là một hàm mũi tên không có tham số Thí dụ. Hàm mũi tên không tham số Sao chép
Hơn nữa, nếu thân hàm chỉ bao gồm một câu lệnh thì không cần dấu ngoặc nhọn và từ khóa trả về, như minh họa bên dưới Nút hàng đại diện cho một hàng dữ liệu. Nút hàng sẽ chứa tham chiếu đến mục dữ liệu mà ứng dụng của bạn cung cấp cũng như thông tin thời gian chạy khác về hàng. Row Node chứa các thuộc tính, phương thức và phát ra các sự kiện. Các thuộc tính bổ sung được sử dụng nếu Nút hàng là một nhóm Tất cả các thuộc tính nút hàngID duy nhất cho nút. Được cung cấp bởi ứng dụng hoặc được tạo bởi lưới nếu không Dữ liệu do ứng dụng cung cấp Đây sẽ là 4 nếu nó được chỉ định rowIndex, nếu không thì là 5Nút cha của nút này hoặc trống nếu cấp cao nhất Có bao nhiêu cấp độ nút này từ trên cùng khi nhóm Nút này cách đỉnh bao nhiêu cấp khi nhóm trong UI (chỉ khác với 6 khi 7) 4 nếu nút này là nút nhóm (tức là có con)'trên cùng' hoặc 'dưới cùng' nếu hàng được ghim, nếu không thì 9 hoặc 40Chỉ mục của hàng này đối với cha của nó khi nhóm. Thay đổi khi dữ liệu được sắp xếp 4 nếu đây là đứa trẻ đầu tiên trong nhóm này. Thay đổi khi dữ liệu được sắp xếp 4 nếu đây là đứa trẻ cuối cùng trong nhóm này. Thay đổi khi dữ liệu được sắp xếpĐược sử dụng bởi mô hình hàng phía máy chủ. 4 nếu nút hàng này là sơ khai. Sơ khai là một hàng giữ chỗ có biểu tượng đang tải trong khi chờ hàng được tảicon số. vô giá trị. chưa xác định Chiều cao, tính bằng pixel, của hàng này Chỉ số hàng hiện tại. Nếu hàng được lọc ra hoặc trong một nhóm được thu gọn, giá trị này sẽ là 40Vị trí trên cùng của hàng tính bằng pixel Nếu sử dụng bộ lọc nhanh, hãy lưu trữ một chuỗi đại diện cho hàng để tìm kiếm theo Thuộc tính nút nhóm{ [Chìa khóa. sợi dây]. không tí nào. vô giá trị; . vô giá trị Nếu sử dụng nhóm hàng, chứa các giá trị nhóm cho nhóm này Nếu sử dụng nhóm hàng và tổng hợp, chứa dữ liệu tổng hợp Khóa cho nhóm, ví dụ: Ireland, UK, USA Trường chúng tôi đang nhóm trên, ví dụ: 'quốc gia' 45Cột nhóm hàng được sử dụng cho nhóm này, e. g. ví dụ cột Quốc gia Nếu thực hiện nhóm trong bộ nhớ (phía máy khách), đây là chỉ mục của cột nhóm mà ô này dành cho. Điều này sẽ luôn giống như cấp độ, trừ khi chúng tôi đang sụp đổ các nhóm, tôi. e. 7 47 4 nếu nhóm được mở rộng, nếu không thì 5 4 nếu hàng là chân trang. Chân trang có 51 và 52Tất cả các nút cấp thấp nhất bên dưới nút này, không có nhóm nào Trẻ em của nhóm này. Nếu nhiều cấp độ của nhóm, chỉ hiển thị con ngay lập tức Trẻ em đã lọc của nhóm này Những đứa trẻ được sắp xếp của nhóm này Số con và cháu 4 nếu nút này là một nhóm và nhóm là mức dưới cùng trong câyNếu sử dụng chân trang, hãy tham khảo nút chân trang cho nhóm này Phương thức nút hàngChọn (hoặc bỏ chọn) nút
8trả lại 4 nếu nút được chọn, 5 nếu nút không được chọn 9 nếu được chọn một phần (nhóm không phải tất cả trẻ em đều được chọn) 2________số 8 4Lần đầu tiên 47 chạy, lưới tạo ra một chuỗi biểu diễn một lần của hàng. Chuỗi này sau đó được sử dụng cho bộ lọc nhanh thay vì đánh riêng từng cột. Khi bạn chỉnh sửa, sử dụng chỉnh sửa lưới, chuỗi này sẽ bị xóa. Tuy nhiên, nếu bạn chỉnh sửa mà không sử dụng chỉnh sửa lưới, bạn sẽ cần xóa chuỗi này để hàng được cập nhật với các giá trị mới. Nếu không, các giá trị mới sẽ không hoạt động với 47 5Thực hiện tìm kiếm theo chiều sâu của nút này và các nút con của nó 4Đặt chiều cao hàng. Gọi nếu bạn muốn thay đổi chiều cao ban đầu được gán cho hàng. Sau khi gọi, bạn phải gọi 49 để lưới biết nó cần tìm ra vị trí của các hàng 0Thay thế dữ liệu trên 00. Khi hoàn tất, lưới sẽ làm mới toàn bộ hàng được kết xuất nếu nó đang hiển thị. Xem Cập nhật một hàng phía máy khách 2Thay thế giá trị trên 00 cho cột được chỉ định. Khi hoàn tất, lưới sẽ chỉ làm mới ô được hiển thị trên hàng được yêu cầu. Xem Cập nhật ô đơn phía máy khách 4Trả về lộ trình của nút hàng. Nếu Nút hàng là một nhóm, nó sẽ trả về tuyến đường đến Nút hàng đó. Nếu Row Node không phải là một nhóm, nó sẽ trả về 9. Xem Mô hình phía máy chủ. Mở theo mặc định 6Sự kiện nút hàngTất cả các sự kiện do 00 kích hoạt đều đồng bộ (các sự kiện thường không đồng bộ). Lưới cũng đang lắng nghe những sự kiện này trong nội bộ. Điều này có nghĩa là khi bạn nhận được một sự kiện, lưới có thể vẫn còn một số việc phải làm (e. g. nếu 04 thay đổi, giao diện người dùng lưới có thể vẫn phải cập nhật để phản ánh thay đổi này). Tốt nhất là bạn không gọi bất kỳ chức năng API lưới nào trong khi nhận các sự kiện từ 00 (vì lưới vẫn đang xử lý). Thay vào đó, tốt nhất là đặt logic của bạn vào thời gian chờ và gọi lưới trong một dấu tích VM khácKhi thêm trình xử lý sự kiện vào một hàng, chúng sẽ ở lại với hàng đó cho đến khi hàng đó bị hủy. Điều này có nghĩa là nếu hàng bị xóa khỏi bộ nhớ (phân trang hoặc phân trang ảo) thì trình nghe sẽ bị xóa. Tương tự, nếu bạn đặt dữ liệu mới vào lưới, tất cả trình nghe trên dữ liệu cũ sẽ bị xóa Hãy cẩn thận khi thêm trình nghe vào 06 trong trình kết xuất ô mà bạn xóa trình nghe khi hàng được kết xuất bị hủy do ảo hóa hàng. Bạn có thể phục vụ cho việc này như sauSự kiện trên nút hàngCác sự kiện sau đây có thể được nghe trên 06Hàng đã được chọn hoặc không được chọn 20Chuột đã vào hàng 21 22Một giá trị ô đã thay đổi 23 08 đã thay đổi 24 25 26 27 28 29 0 1 09 2 3ID nút hàngMỗi Row Node được xác định bởi một ID duy nhất. ID của Nút hàng được lưới sử dụng để xác định hàng và có thể được ứng dụng của bạn sử dụng để tra cứu Nút hàng bằng cách sử dụng API lưới 20ID được gán lướiTheo mặc định, ID được chỉ định bởi lưới khi dữ liệu được đặt vào lưới. Lưới sử dụng một chuỗi bắt đầu từ 0 và tăng dần lên 1 để chỉ định ID hàng, vì vậy, ví dụ: nếu có ba hàng thì chúng sẽ có ID là 21, 22 và 23. ID hàng không đổi miễn là mục dữ liệu tồn tại trong lướiKhi sử dụng Nhóm hàng, lưới sẽ gán ID cho các nhóm hàng khi các nhóm hàng được tạo. Nó lại sử dụng một chuỗi khác bắt đầu từ 0 và tăng dần lên 1 và cũng thêm tiền tố vào số thứ tự là 24. Vì vậy, nếu ví dụ có ba nhóm, họ sẽ có ID là 25, 26 và 27. Nếu các nhóm bị hủy (ví dụ: người dùng xóa nhóm) và được tạo lại (nhóm người dùng theo cột) thì ID mới sẽ được tạo e. g. 28, 29 và 40. Giống như các hàng thông thường, ID của các hàng trong nhóm không thay đổi miễn là nhóm hàng đó tồn tại, tuy nhiên, việc xóa và thêm lại nhóm sẽ dẫn đến ID của nhóm hàng mới ngay cả khi nhóm hàng đại diện cho cùng một nhóm như trướcTrong một số ứng dụng, rất hữu ích khi cho lưới biết ID nào sẽ sử dụng cho các hàng cụ thể. Ví dụ: nếu bạn đang hiển thị nhân viên, bạn có thể định cấu hình lưới để sử dụng ID nhân viên làm ID nút hàng. Điều đó sau đó sẽ cho phép gọi API lưới 20 với ID nhân viênĐể lưới sử dụng ID được gán cho ứng dụng, hãy triển khai gọi lại lưới 42. Cuộc gọi lại sẽ trả về ID cho một phần dữ liệu hàng cụ thể. Ví dụ: đoạn mã sau trả về giá trị của thuộc tính 43 cho mục dữ liệu được cung cấpKhi cung cấp ID, các quy tắc sau phải được tuân theo
Nếu thuộc tính bạn định sử dụng làm ID không phải là duy nhất hoặc thay đổi, nó sẽ gây ra hành vi không xác định trong lưới. Nói cách khác, không sử dụng trường không phải là duy nhất hoặc có thể thay đổi Nếu sử dụng Nhóm hàng, lưới sẽ luôn chỉ định ID cho cấp độ nhóm (vì không có ánh xạ một đối một với dữ liệu hàng do ứng dụng cung cấp). Cuộc gọi lại 42 chỉ được sử dụng cho các hàng cấp độ không thuộc nhóm
() => có nghĩa là gì trong JavaScript?Đó là một tính năng mới được giới thiệu trong ES6 và được gọi là hàm mũi tên . Phần bên trái biểu thị đầu vào của một chức năng và phần bên phải là đầu ra của chức năng đó.
Hàm mũi tên trong JavaScript là gì?Biểu thức hàm mũi tên là một giải pháp thay thế nhỏ gọn cho biểu thức hàm truyền thống , với một số khác biệt về ngữ nghĩa và hạn chế có chủ ý trong cách sử dụng. Các hàm mũi tên không có ràng buộc riêng với this , đối số hoặc siêu và không nên được sử dụng làm phương thức.
=> nghĩa là gì trong mã?Nó là gì. Đây là hàm mũi tên . Các hàm mũi tên là một cú pháp ngắn, được giới thiệu bởi ECMAscript 6, có thể được sử dụng tương tự như cách bạn sẽ sử dụng các biểu thức hàm. Nói cách khác, bạn có thể thường xuyên sử dụng chúng thay cho các biểu thức như function (foo) {. }.
Tại sao chức năng mũi tên được sử dụng?Hàm mũi tên giới thiệu cú pháp nội dung ngắn gọn hoặc trả về ẩn . Điều này cho phép bỏ qua dấu ngoặc nhọn và từ khóa return. Trả về ẩn rất hữu ích để tạo các thao tác một dòng ngắn gọn trong map , filter và các phương thức mảng phổ biến khác. |