1. Chức năng của mũi tên là gì?
Chức năng mũi tên (hay còn gọi là chức năng mũi tên) là một trong những tính năng mới rất hay của ES6. Nó kế thừa một cách viết ngắn gọn theo cú pháp ES6. Mặc dù chức năng và chức năng mũi tên là hai chức năng, nhưng phong cách và cách viết chỉ ra các ngữ cảnh khác nhau.
bạn đang xem: Chức năng của mũi tên là gì?
2. Sự khác biệt về ngữ pháp
Hàm mũi tên sử dụng ký tự =>
hello = () => {console.log (“hello”)} // hello () và hàm thông thường là:
function hello () {console.log (“hello”)} // hello () với TH với các tham số:
hello = name => {console.log (“hello”, name)} Chúng ta có thể giảm cờ () nếu một tham số được truyền.
Ngoài ra, bằng cách sử dụng hàm mũi tên, chúng ta có thể bỏ qua từ khóa trả về
double = x => x * 2 và đối với các hàm, thì:
function double (x) {return x * 2} Ngoài ra, chúng ta cũng có thể sử dụng hàm mũi tên trong các trường hợp: map, filter, forEach, …
Ví dụ:
const number = const newArray = number.map (item => item * 2) // console.log (newArray) trông giống như một mã tối giản so với:
const number = const newArray = number.map (function (item) {return item => item * 2}) // console.log (newArray) 3. Tìm hiểu về ‘this’ trong javascript để hiểu ngữ cảnh vừa đưa ra ở trên, Chúng tôi nên hiểu một chút về “this” trong javascript. Đây là một từ khóa quen thuộc trong nhiều ngôn ngữ, dùng để chỉ đối tượng gọi hàm và javasrcipt.const person = {name_woman: “hue”, getNamePerson: function () {return this.name}} person.getNamePerson ( ) // hue trong một trường hợp khác
const name_omer = “hue” // tên hiện tại trong đối tượng hàm window getNamePerson () {return this.name_woman} window.getNamePerson () // hue -> trỏ tới đối tượng windowgetNamePerson () // hue -> trỏ tới đối tượng window tuy nhiên Nó Sẽ rất dễ hiểu nếu đúng như vậy, nhưng sự khó chịu sẽ dần xuất hiện nếu chúng ta sử dụng nó….
Ví dụ 1: Khi nhấn nút, tên sẽ hiển thị
static person = {name_woman: “hue”, getNamePerson: function () {console.log (this.name_woman); }}; // ở đây đối tượng sẽ là person person.getNamePerson (); $ (“nút”). nhấp chuột (person.getNamePerson); // getNamePerson được truyền dưới dạng gọi lại Tại thời điểm này, chúng tôi sẽ ngạc nhiên vì hàm không hoạt động như mong đợi. Kiểm tra lại, lần này, điều này không đề cập đến người mà là nút chúng ta đã nhấp vào, vì vậy nó không có tên_người.
Để giải quyết vấn đề này, chúng ta cần sử dụng ràng buộc
$ (“nút”). nhấp chuột (person.getNamePerson.bind); Chúng ta sẽ gặp nhiều vấn đề này hơn nếu chúng ta truyền một hàm dưới dạng gọi lại như setInterval chẳng hạn.
Ví dụ 2:
const person = {name: “hue”, getName: function () {return this.name}} person.getName () // “hue” const getNamePerson = person.getName () getNamePerson () // false -> not function -> Điều này cho biết đối tượng cửa sổ cách giải quyết nó:
const getNamePerson = person.getName.bind (person) // hue Bây giờ, sau khi sử dụng liên kết, con trỏ này sẽ trỏ đến người.
Xem thêm: Phát trực tiếp là gì – và cách phát trực tiếp trên Facebook
Để tránh tình trạng lỗi trên, trong một số trường hợp “ngữ cảnh không rõ ràng” như trên, giải pháp sử dụng đó là “ràng buộc”.
Không giống như những công việc thông thường, chức năng mũi tên không ràng buộc Vì vậy, đừng xác định lại điều này. Do đó, điều này sẽ tương ứng với ngữ cảnh gần nhất của nó.
Và cũng bởi vì anh ấy không biết điều này, nên Hàm mũi tên không phù hợp làm phương thức của đối tượng, vì vậy nếu phương thức đối tượng được chỉ định, hàm vẫn là lựa chọn chính xác.
Ở bài trước, chúng ta không nên sử dụng ngẫu nhiên các hàm stock ở mọi nơi mà nên hook chúng trước rồi mới gọi hàm để tránh tạo một hàm mới khi render.
4. Kết luận
Trên đây là những điểm tôi đúc kết được khi tiếp xúc với javascript về các hàm và hàm chứng khoán. Tôi xin tóm tắt như sau:
Theo định nghĩa, một hàm và một hàm mũi tên đều là những hàm:
Các hàm mũi tên:
Chức năng mũi tên là một tính năng mới của ES6, giúp viết mã ngắn gọn hơn. Chức năng mũi tên khá tốt cho các trường hợp sử dụng: bản đồ, bộ lọc, bộ giảm tốc, v.v. sự vật.
nhiệm vụ:
Cần chú ý nhiều hơn đến con trỏ được tham chiếu để xác định lại điều này bằng ‘bind’.
Xem thêm: Nupakachi nghĩa là gì – Xem Mv Nupakachi (Chờ đã) của Ngô Kiến Huy
Tùy theo mục đích sử dụng mà nên chọn chức năng hay hàm mũi tên, nhưng sắp tới chức năng mũi tên không thể thay thế được.
.
Chuyên mục: Câu hỏi thường gặp
