Ý nghĩa của “=>” trong TypeScript là gì? (Mũi tên béo)

Tôi mới bắt đầu học TypeScript, và tôi thấy có rất nhiều mã sử dụng sytax này =>. Tôi đã thực hiện một số nghiên cứu bằng cách đọc Đặc tả của TypeScript Phiên bản 1.6 và một số googling. Tôi vẫn không thể hiểu ý nghĩa của =>.
Đối với tôi, nó giống như một con trỏ trong C ++. Nhưng tôi không thể xác nhận nó. Nếu ai đó có thể giải thích các ví dụ sau, điều đó sẽ rất tuyệt. Cảm ơn bạn!

Dưới đây là các ví dụ mà tôi đã tìm thấy khi đọc đặc tả của Typecript:

Các loại đối tượng

var MakePoint: () => {  
    x: number; y: number;  
};

Câu hỏi: Đoạn mã này đang làm gì? Tạo một đối tượng được gọi là MakePoint , trong đó các trường x và y là kiểu số ? Đây là một hàm tạo hay một hàm cho MakePoint ?

Các loại chức năng

function vote(candidate: string, callback: (result: string) => any) {  
 // ...  
}

Câu hỏi: Ý nghĩa của là => anygì? Bạn có phải trả về kiểu chuỗi không?

Bất cứ ai có thể giải thích cho tôi sự khác biệt hoặc mục đích của những ví dụ này bằng tiếng Anh đơn giản không? Cảm ơn bạn đã dành thời gian!

Có lẽ bạn đang nhầm lẫn giữa thông tin kiểu với khai báo hàm. Nếu bạn biên dịch như sau :

var MakePoint: () => {x: number; y: number;};

bạn sẽ thấy rằng nó tạo ra:

var MakePoint;

Trong TypeScript, mọi thứ đứng sau :nhưng trước một =(phép gán) đều là thông tin kiểu. Vì vậy, ví dụ của bạn đang nói rằng loại MakePoint là một hàm nhận 0 đối số và trả về một đối tượng có hai thuộc tính xvà ycả hai số. Nó không gán một hàm cho biến đó. Ngược lại, biên dịch:

var MakePoint = () => 1;

sản xuất:

var MakePoint = function () { return 1; };

Lưu ý rằng trong trường hợp này, =>mũi tên béo xuất hiện sau toán tử gán.

Trong vị trí kiểu, =>xác định một kiểu hàm trong đó các đối số ở bên trái =>và kiểu trả về ở bên phải. Vậy callback: (result: string) => anycó nghĩa là " callbacklà một tham số có kiểu là một hàm. Hàm đó nhận một tham số được gọi là resultkiểu stringvà giá trị trả về của hàm là kiểu any".

Đối với cấu trúc cấp biểu thức, hãy xem Ý nghĩa của "=>" (mũi tên được hình thành từ dấu bằng & lớn hơn) trong JavaScript là gì?

var MakePoint: () => {  
    x: number; y: number;  
};

MakePointlà một biến. Kiểu của nó là một hàm không có đối số và tạo ra các số x và y. Bây giờ mũi tên có ý nghĩa không?

Như một nhà thông thái đã từng nói "Tôi ghét JavaScript vì nó có xu hướng đánh mất ý nghĩa của điều này quá dễ dàng".

Nó được gọi là mũi tên béo (vì ->là mũi tên mỏng và =>là mũi tên béo) và còn được gọi là hàm lambda (vì các ngôn ngữ khác). Một tính năng thường được sử dụng khác là chức năng mũi tên béo ()=>something. Động lực cho một mũi tên béo là:

1. Bạn không cần phải tiếp tục nhập function.
2. Nó nắm bắt một cách từ vựng ý nghĩa của this.
3. Nó nắm bắt một cách từ vựng ý nghĩa của arguments

function Person(age) {
this.age = age;
this.growOld = function() {
    this.age++;
  }
}

var person = new Person(1);
setTimeout(person.growOld,1000);

setTimeout(function() { console.log(person.age); },2000); // 1, should have been 2

Nếu bạn chạy mã này trong trình duyệt, mã này trong hàm sẽ trỏ tới cửa sổ vì cửa sổ sẽ là thứ thực thi hàm growOld. Cách khắc phục là sử dụng hàm mũi tên:

function Person(age) {
this.age = age;
this.growOld = () => {
    this.age++;
  }
}
var person = new Person(1);
setTimeout(person.growOld,1000);

setTimeout(function() { console.log(person.age); },2000);// 2

Nó được gọi là "mũi tên béo". Nó đã được thêm vào EcmaScript6 và thay thế từ khóa hàm trong số những thứ khác.

Có thể đọc thêm ở đây .

Trực tiếp từ liên kết trong OP:

Trong ví dụ này, tham số thứ hai để 'bỏ phiếu' có kiểu hàm

(result: string) => any có nghĩa là tham số thứ hai là một hàm trả về kiểu 'bất kỳ' có một tham số duy nhất thuộc kiểu 'string' có tên là 'result'.

Đơn giản là nó được sử dụng thay cho các chức năng ẩn danh.

Mã bên dưới

function(argument){
return argument. Length
}

sẽ được chuyển đổi thành argument => {argument.length};

Để hiểu rõ hơn, hãy tham khảo thông tin bên dưới: https://codecraft.tv/courses/angular/es6-typescript/arrow/

Đó là một hàm mũi tên hay còn gọi là hàm mũi tên béo.

Đọc thêm: nhập mô tả liên kết tại đây