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

cú pháp

[param1, param2, ..., paramN] => expression

Sử dụng mũi tên béo

function addEventListener[
    eventType: string,
    listener: Function
]: void;
3, chúng tôi đã loại bỏ nhu cầu sử dụng từ khóa
function addEventListener[
    eventType: string,
    listener: Function
]: void;
4. Các tham số được truyền trong dấu ngoặc đơn
function addEventListener[
    eventType: string,
    listener: Function
]: void;
5 và biểu thức hàm được đặt trong dấu ngoặc nhọn
function addEventListener[
    eventType: string,
    listener: Function
]: void;
6

Thí dụ. Chức năng mũi tên béo

Sao chép

let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30

Trong ví dụ trên,

let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
0 là một hàm mũi tên.
let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
1 biểu thị các loại tham số,
let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
2 chỉ định loại trả về. Mũi tên béo
function addEventListener[
    eventType: string,
    listener: Function
]: void;
3 phân tách các tham số hàm và thân hàm. Phía bên phải của
function addEventListener[
    eventType: string,
    listener: Function
]: void;
3 có thể chứa một hoặc nhiều câu lệnh mã

Hàm mũi tên ở trên

let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
0 sẽ được chuyển đổi thành mã JavaScript sau

var sum = function [x, y] {
    return x + y;
}

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

let Print = [] => console.log["Hello TypeScript"];

Print[]; //Output: Hello TypeScript

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àng

ID 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à

function addEventListener[
    eventType: string,
    listener: Function
]: void;
4 nếu nó được chỉ định rowIndex, nếu không thì là
function addEventListener[
    eventType: string,
    listener: Function
]: void;
5

Nú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

function addEventListener[
    eventType: string,
    listener: Function
]: void;
6 khi
function addEventListener[
    eventType: string,
    listener: Function
]: void;
7]

function addEventListener[
    eventType: string,
    listener: Function
]: void;
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ì

function addEventListener[
    eventType: string,
    listener: Function
]: void;
9 hoặc
let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
40

Chỉ 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

function addEventListener[
    eventType: string,
    listener: Function
]: void;
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

function addEventListener[
    eventType: string,
    listener: Function
]: void;
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ủ.

function addEventListener[
    eventType: string,
    listener: Function
]: void;
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ải

con 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à

let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
40

Vị 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'

let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
45

Cộ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.

function addEventListener[
    eventType: string,
    listener: Function
]: void;
7

let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
47

function addEventListener[
    eventType: string,
    listener: Function
]: void;
4 nếu nhóm được mở rộng, nếu không thì
function addEventListener[
    eventType: string,
    listener: Function
]: void;
5

function addEventListener[
    eventType: string,
    listener: Function
]: void;
4 nếu hàng là chân trang. Chân trang có
let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
51 và
let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
52

Tấ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

function addEventListener[
    eventType: string,
    listener: Function
]: void;
4 nếu nút này là một nhóm và nhóm là mức dưới cùng trong cây

Nế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àng

Chọn [hoặc bỏ chọn] nút

  • let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    54 -
    function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    4 để chọn,
    function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    5 để bỏ chọn
  • let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    57 - Nếu chọn thì qua
    function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    4 sẽ chọn riêng nút [i. e. KHÔNG thực hiện đa lựa chọn]. Nếu thực hiện bỏ chọn,
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    57 không có tác động
  • let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    40 - Vượt qua
    function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    4 để ngăn chặn
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    42 bị sa thải. Lưu ý rằng sự kiện
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    43 sẽ vẫn được kích hoạt

let sum = [x: number, y: number]: number => {
    return x + y;
}

sum[10, 20]; //returns 30
8

trả lại

  • function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    4 nếu nút được chọn,
  • function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    5 nếu nút không được chọn
  • function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    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]
  • let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    2

    ________số 8

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    4

    Lần đầu tiên

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    47

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    5

    Thự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ó

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    49 để lưới biết nó cần tìm ra vị trí của các hàng

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    0

    Thay thế dữ liệu trên

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    2

    Thay thế giá trị trên

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    4

    Trả 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ề

    function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    9. Xem Mô hình phía máy chủ. Mở theo mặc định

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    6

    Sự kiện nút hàng

    Tất cả các sự kiện do

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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ừ
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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ác

    Khi 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

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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ư sau

    Sự kiện trên nút hàng

    Các sự kiện sau đây có thể được nghe trên

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    06

    Hàng đã được chọn hoặc không được chọn

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    20

    Chuột đã vào hàng

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    21

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    22

    Một giá trị ô đã thay đổi

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    23

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    08 đã thay đổi

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    24

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    25

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    26

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    27

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    28

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    29

    function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    0

    function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    1

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    09

    function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    2

    function addEventListener[
        eventType: string,
        listener: Function
    ]: void;
    3

    ID nút hàng

    Mỗ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

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    20

    ID được gán lưới

    Theo 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à

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    21,
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    22 và
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    23. ID hàng không đổi miễn là mục dữ liệu tồn tại trong lưới

    Khi 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à

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    24. Vì vậy, nếu ví dụ có ba nhóm, họ sẽ có ID là
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    25,
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    26 và
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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.
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    28,
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    29 và
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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ước

    Trong 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

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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
    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    43 cho mục dữ liệu được cung cấp

    Khi cung cấp ID, các quy tắc sau phải được tuân theo

    1. ID phải là duy nhất
    2. ID không được thay đổi

    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

    let sum = [x: number, y: number]: number => {
        return x + y;
    }
    
    sum[10, 20]; //returns 30
    
    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.

    Chủ Đề