Οι λειτουργίες βέλους JavaScript μπορούν να σας κάνουν καλύτερο προγραμματιστή

Οι λειτουργίες βέλους JavaScript μπορούν να σας κάνουν καλύτερο προγραμματιστή

Το JavaScript ES6 έφερε συναρπαστικές αλλαγές στον κόσμο της διαδικτυακής ανάπτυξης. Νέες προσθήκες στη γλώσσα JavaScript έφεραν νέες δυνατότητες.





Μία από τις πιο δημοφιλείς αλλαγές ήταν η προσθήκη συναρτήσεων βέλους στο JavaScript. Οι λειτουργίες βέλους είναι ένας νέος τρόπος για να γράψετε εκφράσεις λειτουργιών JavaScript, δίνοντάς σας δύο διαφορετικούς τρόπους δημιουργίας συναρτήσεων στην εφαρμογή σας.



Οι λειτουργίες βέλους απαιτούν λίγη προσαρμογή εάν είστε ειδικός στις παραδοσιακές λειτουργίες JavaScript. Ας ρίξουμε μια ματιά τι είναι αυτά, πώς λειτουργούν και πώς σας ωφελούν.





Τι είναι οι λειτουργίες βέλους JavaScript;

Οι συναρτήσεις βέλους είναι ένας νέος τρόπος για να γράψετε εκφράσεις συναρτήσεων που ήταν περιλαμβάνεται στην έκδοση του JavaScript ES6 Το Είναι παρόμοιες με τις εκφράσεις συνάρτησης JavaScript που χρησιμοποιούσατε, με ελαφρώς διαφορετικούς κανόνες.

Οι λειτουργίες βέλους είναι πάντα ανώνυμες συναρτήσεις, έχουν διαφορετικούς κανόνες για



this

, και έχουν απλούστερη σύνταξη από τις παραδοσιακές συναρτήσεις.

πώς να διαγράψετε το ios 14 beta

Αυτές οι συναρτήσεις χρησιμοποιούν ένα νέο διακριτικό βέλους:



=>

Εάν έχετε εργαστεί ποτέ σε Python, αυτές οι λειτουργίες είναι πολύ παρόμοιες με αυτές Εκφράσεις Python Lambda Το

Η σύνταξη για αυτές τις λειτουργίες είναι λίγο πιο καθαρή από τις κανονικές λειτουργίες. Υπάρχουν μερικοί νέοι κανόνες που πρέπει να θυμάστε:



  • Η λέξη -κλειδί συνάρτησης καταργείται
  • Η λέξη -κλειδί επιστροφής είναι προαιρετική
  • Τα σγουρά σιδεράκια είναι προαιρετικά

Υπάρχουν πολλές μικρές αλλαγές που πρέπει να γίνουν, οπότε ας ξεκινήσουμε με μια βασική σύγκριση των εκφράσεων συναρτήσεων.

Πώς να χρησιμοποιήσετε τις λειτουργίες βέλους

Οι λειτουργίες βέλους είναι εύκολες στη χρήση. Η κατανόηση των συναρτήσεων βέλους είναι ευκολότερη όταν συγκρίνεται παράλληλα με τις παραδοσιακές εκφράσεις συναρτήσεων.

Εδώ είναι μια παράσταση συνάρτησης που προσθέτει δύο αριθμούς. χρησιμοποιώντας πρώτα την παραδοσιακή μέθοδο συνάρτησης:

let addnum = function(num1,num2){
return num1 + num2;
};
addnum(1,2);
>>3

Είναι μια αρκετά απλή συνάρτηση που παίρνει δύο ορίσματα και επιστρέφει το άθροισμα.

Εδώ είναι η έκφραση που άλλαξε σε μια λειτουργία βέλους:

let addnum = (num1,num2) => { return num1 + num2;};
addnum(1,2);
>>3

Η σύνταξη της λειτουργίας είναι αρκετά διαφορετική χρησιμοποιώντας μια λειτουργία βέλους. Η λέξη -κλειδί συνάρτησης καταργείται. το διακριτικό βέλους ενημερώνει την JavaScript ότι γράφετε μια συνάρτηση.

Τα σγουρά στηρίγματα και η λέξη -κλειδί επιστροφής είναι ακόμα εκεί. Αυτά είναι προαιρετικά με λειτουργίες βέλους. Ακολουθεί ένα ακόμη απλούστερο παράδειγμα της ίδιας συνάρτησης:

let addnum = (num1,num2) => num1 + num2;

Η λέξη -κλειδί επιστροφής και τα σγουρά στηρίγματα έχουν πλέον φύγει. Αυτό που απομένει είναι μια πολύ καθαρή συνάρτηση μίας γραμμής που είναι σχεδόν ο μισός κώδικας ως η αρχική συνάρτηση. Παίρνετε το ίδιο αποτέλεσμα με πολύ λιγότερο γραπτό κώδικα.

Υπάρχουν περισσότερες λειτουργίες βέλους. ας βουτήξουμε βαθύτερα για να έχετε καλύτερη αίσθηση για το τι μπορούν να κάνουν.

Λειτουργίες βέλους

Οι λειτουργίες βέλους έχουν πολλές διαφορετικές χρήσεις και χαρακτηριστικά που περιλαμβάνονται.

πώς να προσαρμόσετε ένα φίλτρο snapchat

Τακτικές λειτουργίες

Οι λειτουργίες βέλους μπορούν να χρησιμοποιήσουν ένα ή περισσότερα ορίσματα. Εάν χρησιμοποιείτε δύο ή περισσότερα ορίσματα, πρέπει να τα περικλείσετε σε παρένθεση. Εάν έχετε μόνο ένα επιχείρημα, δεν χρειάζεται να χρησιμοποιήσετε παρένθεση.

let square = x => x * x
square(2);
>>4

Οι λειτουργίες βέλους μπορούν να χρησιμοποιηθούν χωρίς ορίσματα. Εάν δεν χρησιμοποιείτε ορίσματα στη συνάρτηση σας, πρέπει να χρησιμοποιήσετε κενή παρένθεση.

let helloFunction = () => Console.log('Hello reader!');
helloFunction();
>>Hello reader!

Απλές λειτουργίες όπως αυτές χρησιμοποιούν πολύ λιγότερο κώδικα. Φανταστείτε πόσο πιο εύκολο είναι ένα συγκρότημα έργο όπως μια παρουσίαση διαφανειών JavaScript γίνεται όταν έχετε έναν απλούστερο τρόπο γραφής συναρτήσεων.

Χρησιμοποιώντας αυτό

Η εννοια του

this

τείνει να είναι το πιο δύσκολο κομμάτι της χρήσης JavaScript. Οι λειτουργίες βέλους κάνουν

this

ευκολότερο στη χρήση.

Όταν χρησιμοποιείτε λειτουργίες βέλους

this

θα οριστεί από τη συνάρτηση εγκλεισμού. Αυτό μπορεί να δημιουργήσει προβλήματα που προκύπτουν όταν δημιουργείτε ένθετες λειτουργίες και ανάγκη

this

για να εφαρμοστεί στην κύρια λειτουργία σας

Ακολουθεί ένα δημοφιλές παράδειγμα που δείχνει την λύση που πρέπει να χρησιμοποιήσετε με τις κανονικές λειτουργίες.

function Person() {
var that = this; //You have to assign 'this' to a new variable
that.age = 0;
setInterval(function growUp() {
that.age++;
}, 1000);
}

Εκχώρηση της τιμής του

this

σε μια μεταβλητή το καθιστά ευανάγνωστο όταν καλείτε μια συνάρτηση μέσα στην κύρια συνάρτηση σας. Αυτό είναι ακατάστατο, εδώ είναι ένας καλύτερος τρόπος για να το κάνετε αυτό χρησιμοποιώντας λειτουργίες βέλους.

function Person(){
this.age = 0;
setInterval(() => {
this.age++; // Now you can use 'this' without a new variable declared
}, 1000);
}

Ενώ είναι εξαιρετικά για συναρτήσεις, δεν πρέπει να χρησιμοποιούνται για τη δημιουργία μεθόδων μέσα σε ένα αντικείμενο. Οι λειτουργίες βέλους δεν χρησιμοποιούν το σωστό πεδίο εφαρμογής για

this

Το

Εδώ είναι ένα απλό αντικείμενο που δημιουργεί μια μέθοδο μέσα χρησιμοποιώντας μια λειτουργία βέλους. Η μέθοδος θα πρέπει να μειώσει το γαρνιτούρες μεταβλητή κατά μία όταν καλείται. Αντίθετα, δεν λειτουργεί καθόλου.

Windows 10 δεν λειτουργεί η ασφαλής λειτουργία
let pizza = {
toppings: 5,
removeToppings: () => {
this.toppings--;
}
}
//A pizza object with 5 toppings
>pizza
>>{toppings: 5, removeToppings: f}
pizza.removeToppings(); //The method will not do anything to the object
>pizza
>>{toppings: 5, removeToppings: f} //Still has 5 toppings

Εργασία με συστοιχίες

Χρησιμοποιώντας τις λειτουργίες βέλους, μπορείτε να απλοποιήσετε τον κώδικα που χρησιμοποιείται για την εργασία με μεθόδους πίνακα. Συστοιχίες και οι μέθοδοι πίνακα είναι πολύ σημαντικά μέρη της JavaScript οπότε θα τα χρησιμοποιήσετε πολύ.

Υπάρχουν μερικές χρήσιμες μέθοδοι όπως η χάρτης μέθοδος που εκτελεί μια συνάρτηση σε όλα τα στοιχεία ενός πίνακα και επιστρέφει τον νέο πίνακα.

let myArray = [1,2,3,4];
myArray.map(function(element){
return element + 1;
});
>> [2,3,4,5]

Αυτή είναι μια αρκετά απλή συνάρτηση που προσθέτει μία σε κάθε τιμή του πίνακα. Μπορείτε να γράψετε την ίδια συνάρτηση με λιγότερο κώδικα χρησιμοποιώντας μια λειτουργία βέλους.

let myArray = [1,2,3,4];
myArray.map(element => {
return element + 1;
});
>> [2,3,4,5]

Είναι πολύ πιο εύκολο να διαβαστεί τώρα.

Δημιουργία αντικειμένων κυριολεκτικών

Οι λειτουργίες βέλους μπορούν να χρησιμοποιηθούν για τη δημιουργία κυριολεκτικών αντικειμένων σε JavaScript. Οι κανονικές λειτουργίες μπορούν να τις δημιουργήσουν, αλλά είναι λίγο μεγαλύτερες.

let createObject = function createName(first,last) {
return {
first: first,
last: last
};
};

Μπορείτε να δημιουργήσετε το ίδιο αντικείμενο με μια λειτουργία βέλους χρησιμοποιώντας λιγότερο κώδικα. Χρησιμοποιώντας συμβολισμό βέλους, θα χρειαστεί να τυλίξετε το σώμα της λειτουργίας σε παρένθεση. Εδώ είναι η βελτιωμένη σύνταξη με τις λειτουργίες βέλους.

let createArrowObject = (first,last) => ({first:first, last:last});

JavaScript Arrow Functions and Beyond

Τώρα γνωρίζετε μερικούς διαφορετικούς τρόπους με τους οποίους οι λειτουργίες βέλους JavaScript διευκολύνουν τη ζωή σας ως προγραμματιστής. Συντομεύουν τη σύνταξη, σας δίνουν περισσότερο έλεγχο στη χρήση

this

, διευκολύνουν τη δημιουργία αντικειμένων και σας δίνουν έναν νέο τρόπο εργασίας με μεθόδους πίνακα.

Η εισαγωγή συναρτήσεων βέλους, μαζί με πολλές άλλες δυνατότητες, στο JavaScript ES6 δείχνει πόσο σημαντική έχει γίνει η JavaScript στην ανάπτυξη ιστού. Υπάρχουν όμως πολλά περισσότερα που μπορείτε να κάνετε.

Θέλετε να μάθετε περισσότερα για την JavaScript; Μάθετε αυτά τα πλαίσια JavaScript. Επιπλέον, το δικό μας Φύλλο εξαπάτησης JavaScript παρέχει πολύτιμες πληροφορίες και μαθαίνει περισσότερα για πώς λειτουργεί η JavaScript μπορεί να σας κάνει καλύτερο προγραμματιστή.

Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ 6 Ακουστικές εναλλακτικές λύσεις: Οι καλύτερες δωρεάν ή φτηνές εφαρμογές ηχητικών βιβλίων

Εάν δεν θέλετε να πληρώνετε για ηχητικά βιβλία, εδώ είναι μερικές εξαιρετικές εφαρμογές που σας επιτρέπουν να τα ακούτε δωρεάν και νόμιμα.

Διαβάστε Επόμενο Σχετικά θέματα
  • Προγραμματισμός
  • JavaScript
Σχετικά με τον Συγγραφέα Άντονι Γκραντ(Δημοσιεύθηκαν 40 άρθρα)

Ο Anthony Grant είναι ένας ανεξάρτητος συγγραφέας που καλύπτει προγραμματισμό και λογισμικό. Είναι ειδικός στην Πληροφορική που ασχολείται με προγραμματισμό, Excel, λογισμικό και τεχνολογία.

Περισσότερα από τον Anthony Grant

Εγγραφείτε στο newsletter μας

Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!

Κάντε κλικ εδώ για εγγραφή