Hướng dẫn dùng followinf JavaScript
Nội dung bài viết Không ai mong đợi điều này, nhưng JavaScript đã trở thành ngôn ngữ lập trình quan trọng nhất
thế giới. - Douglas Crockford, JavaScript Architect at PayPal Câu hỏi này đã quá quen thuộc với mọi developer javascript, nhưng mỗi khi vào một bài viết thì chúng ta cũng cần phải nhắc lại một chút về những gì liên quan đến chú đề chúng ta chuẩn bị hướng tới. JavaScript là ngôn ngữ lập trình đơn giản và dễ học so với các ngôn ngữ khác như C ++, Ruby và Python. Dù nó thật sự đơn giản nhưng nó là ngôn ngữ cấp
cao, không thua kém gì các ngôn ngữ khác. Thêm thông tin cho các bạn nhé. JavaScript được phát triển bởi Netscape Communications Corporation, Mozilla Foundation và ECMA International. Brendan Eich được biết đến như là người sáng tạo hoặc thiết kế ngôn ngữ lập trình JavaScript. Và ban đầu, JavaScript được gọi là LiveScript, nhưng sau đó Netscape đã đổi tên thành JavaScript. Một số tính năng tuyệt vời ban đầu của JavaScript như sau: Do đó bây giờ javascript đã phổ biến rộng rãi và có thể trở thành ngôn ngứ quan trọng nhất. Nếu bạn muốn theo đuổi sự nghiệp phát triển với JavaScript, thì mình nghĩ bạn đang đi đúng hướng rồi đấy. Trong bài viết này, chúng tôi sẽ giới thiệu cho bạn một số resources tốt nhất cung cấp các hướng dẫn trực tuyến free để tìm hiểu JavaScript. Các bạn hãy following những blog/page sau: Dù bạn đang ở level nào cũng nên lướt qua những blog/resources trên vì ở đó là một tài nguyên quý giá cung cấp cho bạn nhiểu giải pháp để giải quyết một vấn đề. Hay nhiều thuật toán mà ngay cả nằm mơ bạn cũng chưa hết biết tới. Các chuyên gia đã bao nhiêu năm kinh nghiệm và họ không ngại ngần chia sẻ những kỹ năng tuyệt vời, vậy tại sao các bạn lại không tân hưởng điều đó chứ? Cảm ơn các bạn đã đọc. Các hàm JavaScript là các khối mã tùy chỉnh có thể được sử dụng lại. Các hàm cho phép mã mô-đun hơn và rất cần thiết cho lập trình hướng đối tượng. Các hàm có thể được định nghĩa thông qua các khai báo hoặc biểu thức. Nếu bạn đang cố gắng học JavaScript và muốn biết những điều cơ bản, các hàm JS chắc chắn là thứ bạn cần biết. Nếu bạn đã dành thời gian làm việc với một ngôn ngữ lập trình, bạn sẽ biết rằng các hàm là cơ sở xây dựng của các chương trình phức tạp, nhưng bạn có thể không biết chúng hoạt động như thế nào. Các hàm cho phép bạn viết mã một lần cho các quy trình chung, thay vì lặp lại nhiều lần. Hàm là các khối mã thực hiện một hành động và có thể trả về một giá trị. Các chức năng có thể được tùy chỉnh dựa trên nhu cầu của bạn và có thể được sử dụng để làm cho mã của bạn hiệu quả hơn và theo mô-đun. Trong hướng dẫn này, chúng ta sẽ khám phá những điều cơ bản về hàm: cách xác định một hàm, cách gọi một hàm và khi nào chúng có thể hữu ích. Có hai cách để định nghĩa một hàm trong JavaScript: thông qua khai báo và biểu thức. Hãy bắt đầu với phương pháp khai báo để xác định một hàm. Khai báo hàm JavaScriptKhai báo hàm xác định một hàm được đặt tên. Để xác định loại hàm này, bạn nên bắt đầu mã của mình bằng function nameOfYourFunction() Tên hàm tuân theo các quy tắc tương tự như biến — chúng có thể sử dụng dấu gạch, dấu gạch dưới, số và thường được viết bằng cách sử dụng chữ hoa camel. Sau đó, sau tên biến, bạn sẽ bao gồm một tập hợp các dấu ngoặc đơn, nơi chứa các tham số tùy chọn. Chúng ta sẽ nói đến những điều đó sau trong bài viết. Sau đó, giống như câu lệnh for hoặc if, mã của hàm sẽ nằm trong dấu ngoặc nhọn. Đây là ví dụ về một hàm sẽ in function printGoogle() { Bên
trong printGoogle(); Bây giờ, hãy hợp nhất mã của chúng ta lại với nhau thành một hàm, sau đó gọi nó: // Declare the printGoogle() function // Invoke the printGoogle() function Đầu ra cho chức năng này sẽ là Bây giờ mã in của chúng ta nằm trong
một hàm, chúng ta có thể thực thi nó bao nhiêu lần tùy thích bằng cách gọi Biểu thức hàm JavaScriptMột cách khác để khai báo một hàm là tạo một biểu thức hàm. Chúng ta có thể làm như vậy bằng cách gán một hàm cho một biến. Hãy sử dụng ví dụ tương tự như trên. Thay vì tự khai báo hàm, chúng ta có thể gán nó cho một biến. Đây là một ví dụ: const google = function printGoogle() { Để gọi biểu thức này, chúng ta thêm Tham số chức năngBây giờ chúng ta đã biết hai cách mà chúng ta có thể khai báo một hàm, chúng ta có thể khám phá cách tùy chỉnh tính năng này của lập trình. Trong đoạn mã trên, chúng tôi đã tạo một hàm in Để in một tên khác, chẳng hạn như Facebook, chúng tôi cần thay đổi mã. Nếu chúng tôi muốn người dùng truy cập trang web của chúng tôi nhập tên của công ty yêu thích của họ và in nó ra
bảng điều khiển, chức năng của chúng tôi sẽ không hoạt động. Vì vậy, chúng ta cần tận dụng các tham số. Nếu chúng tôi thêm một function printCompany(name) { Tên của hàm là Nhưng chúng tôi vẫn chưa xác định được tên của mình. Để xác định tham số, chúng ta cần gán cho nó một giá trị khi gọi hàm JavaScript của mình. Giả sử công ty yêu thích của bạn là Snapchat. Chúng ta sẽ gọi hàm và đặt tên công ty làm đối số trong lệnh gọi hàm. Đây là một ví dụ: // Call printCompany() function with “Snapchat” as “name” Khi chúng tôi chạy mã này, thông tin sau sẽ được in: My favorite company is Snapchat! Trong ví dụ của chúng tôi, chúng tôi gọi hàm bằng cách sử dụng Cần lưu ý rằng bạn có thể sử dụng bao nhiêu tham số tùy thích và bạn sẽ tham chiếu chúng theo thứ tự. Chúng tôi sẽ sử dụng một ví dụ hiển thị điều này trong hành động bên dưới. Giá trị trả lạiTrong các ví dụ của chúng tôi cho đến nay, chúng tôi đã không trả về bất kỳ giá trị nào. Thay vào đó, chúng tôi đã in một số văn bản vào bảng điều
khiển. Tuy nhiên, với một hàm, chúng ta có thể cung cấp cho nó một số tham số để xử lý, sau đó trả về một giá trị dựa trên những gì trong Dưới đây là một ví dụ về một hàm cộng hai số và cho chúng ta tổng: function addNumbers(first, second) { addNumbers(1, 2); Trong chương trình này, hàm của chúng ta được gọi và hai số được chuyển qua hàm. Khi hàm này được thực thi — ở dòng cuối cùng trong ví dụ trên — chúng tôi sẽ nhận được câu trả lời Chương trình này đã được thêm vào 1 và 2, với những cái tên tham số Hàm mũi tênĐối với ECMAScript 6, có một cách ngắn gọn hơn để định nghĩa các hàm được gọi là hàm mũi tên . Đây là những đại diện bằng cách sử dụng các biểu thức sau đây: Các hàm này là một loại biểu thức hàm. Hãy sử dụng một ví dụ để giới thiệu các hàm mũi tên đang hoạt động: const addNumbers = (first, second) => { addNumbers(10, 15); Thay vì viết Khi bạn chỉ làm việc với một biến, bạn không cần dấu ngoặc đơn xung quanh chúng. Và, nếu bạn không làm việc với bất kỳ biến nào, bạn cần bao
gồm một tập hợp các dấu ngoặc đơn trống Tham khảo khóa học Lập trình web PHP Fullstack tại NIIT-ICT Hà Nội ngay hôm nay |