Có thể thêm chức năng tùy chỉnh trong JavaScript không?
Chức năng là các phương pháp bạn tự thiết lập để thực hiện công việc cho mình. Bất cứ điều gì bạn cần đạt được thông qua JavaScript, bạn có thể viết một hàm cho nó. Các hàm tiết kiệm rất nhiều thời gian vì đầu ra của chúng phụ thuộc vào đầu vào mà bạn cung cấp cho chúng. Vì vậy, một chức năng có thể được sử dụng để thực hiện một số nhiệm vụ Show Trang này được cập nhật lần cuối vào ngày 21-08-2012 Cấu trúc chức năng cơ bảnBây giờ chúng ta đã biết về trình xử lý sự kiện, biến và câu lệnh, đã đến lúc kết hợp tất cả kiến thức của chúng ta lại với nhau — để tạo các hàm. Các chức năng là con ngựa của JavaScript. Một chức năng cơ bản trông như thế này function addNumbers(a,b) { var c = a+b; return c; } Hàm này sẽ cộng hai số bất kỳ mà chúng ta đưa vào với nhau rồi gửi lại hoặc Gọi một chức năngKhông giống như các dòng mã thông thường, các chức năng chỉ bắt đầu hoạt động khi bạn gọi chúng. Chúng ta có thể gọi chức năng này trong quá trình tập lệnh nhúng thông thường, như vậy document.write("Two plus Three is " + addNumbers(2,3)); Cuộc gọi này làm cho document.write("Two plus Three is " + addNumbers(2,3));0, sau đó được ghi vào trang. Lệnh gọi hàm được thay thế bằng bất kỳ giá trị return nào, giống như tên biến được thay thế bằng giá trị của nó. Chúng ta cũng có thể sử dụng chức năng này để thêm giá trị cho một sự kiện. Nhấp vào các liên kết sau để thêm các số và được thông báo về câu trả lời. . Bây giờ bạn có thể thấy chức năng này có thể mang lại cho bạn sự linh hoạt như thế nào. Tất cả các liên kết này đều được tạo theo cùng một cách, trông như thế này document.write("Two plus Three is " + addNumbers(2,3));2 Để làm cho một liên kết không đi đến đâu nhằm mục đích thực thi một tập lệnh, chúng tôi đặt document.write("Two plus Three is " + addNumbers(2,3));3 thành một liên kết đến một neo trên trang và sau đó tắt hành động mặc định bằng cách đặt document.write("Two plus Three is " + addNumbers(2,3));4 thành document.write("Two plus Three is " + addNumbers(2,3));5. Việc thực thi hàm khá đơn giản — để thay đổi kết quả đầu ra, chúng ta chỉ cần sửa đổi lệnh gọi để chuyển các giá trị mới cho các đối số mỗi lần Khi bạn đã đọc qua phần hướng dẫn tiếp theo về các đối tượng và thuộc tính, bạn thậm chí sẽ có thể làm điều này Một hàm có thể có nhiều hoặc ít đối số như bạn đang làm việc và chúng có thể là số hoặc chuỗi. Chỉ cần thêm nhiều biến đối số vào định nghĩa hàm, phân tách từng biến bằng dấu phẩy. Nếu bạn gọi một hàm với số lượng đối số sai (ít hơn hoặc nhiều hơn nó được định nghĩa là sử dụng), bạn sẽ gặp lỗi Bạn cũng có thể định nghĩa một hàm không có đối số hoặc giá trị trả về, function popup() { alert('You clicked on the page'); } Các loại chức năng này sẽ làm điều tương tự mỗi khi bạn sử dụng chúng Trở lạiKhi bạn Bạn có thể sử dụng document.write("Two plus Three is " + addNumbers(2,3));9 là đối tượng của Internet Explorer chứa tất cả các thành phần trang trong đó (nó là cấu trúc DOM độc quyền của Microsoft). Vì vậy, nếu chúng tôi viết một tập lệnh sử dụng IE DOM, chúng tôi sẽ muốn đảm bảo rằng không có trình duyệt nào thuộc các loại khác thử thực thi mã, vì chúng sẽ gặp phải một đống lỗi. Để thực hiện điều này, chúng tôi kiểm tra xem document.write("Two plus Three is " + addNumbers(2,3));9 có được hỗ trợ hay không. Nếu không, chúng tôi kết thúc kịch bản. Nếu đúng như vậy, trình duyệt sẽ tiếp tục cho đến khi đạt đến giá trị return 'thực'if (!document.all) { return; } // Internet Explorer-specific DHTML begins here Phát hiện hỗ trợ tốt hơn và cụ thể hơn sẽ được đề cập sau sửa lỗiNgay cả khi mã hóa thông qua các ví dụ trong một số hướng dẫn trước, bạn có thể đã gặp phải một số lỗi JavaScript. Chúng xuất hiện ở khắp mọi nơi, ngay cả đối với những lập trình viên giàu kinh nghiệm nhất, nhưng may mắn là chúng thường không quá khó để tìm thấy. Có một số cách để tìm ra vấn đề và một số lỗi phổ biến mà tôi sẽ đề cập ở đây Lỗi tập lệnh thường sẽ tự hiển thị trên thanh trạng thái. Nếu bạn đã định cấu hình trình duyệt của mình đúng cách, bạn cũng có thể để trình duyệt bật lên cảnh báo khi mỗi lỗi xảy ra. Internet Explorer đưa ra thông báo lỗi tốt Từ đó, chúng ta có thể tìm ra dòng và cột (ký tự) xảy ra lỗi, điều này giúp ích rất nhiều cho việc tìm ra gốc rễ của vấn đề. Trong trường hợp này, nó thậm chí còn cho tôi biết vấn đề — Tôi đã sử dụng một biến function popup() { alert('You clicked on the page'); }2 chưa được cung cấp giá trị Có hai loại lỗi JavaScript. lỗi cú pháp và lỗi thời gian chạy. Lỗi cú pháp rất dễ phát hiện vì chúng xảy ra ngay khi bạn tải trang lên và thường là lỗi chính tả trong mã của bạn hoặc trường hợp sử dụng biến không xác định. Bạn có thể tìm kiếm chúng từ các thông báo lỗi và loại bỏ chúng. Lỗi thời gian chạy xảy ra khi tập lệnh của bạn được thực thi, chẳng hạn như bởi trình xử lý sự kiện. Chúng khó phát hiện hơn vì chúng không rõ ràng ngay lập tức và thường yêu cầu thử nghiệm thích hợp để tiếp xúc Hai điều luôn gây ra lỗi là
Khi bạn đang cố tìm dòng bị lỗi, bạn đếm ngược từ đầu tài liệu. Dòng trống vẫn được tính là dòng. Dưới đây có một lỗi trên dòng 6 function popup() { alert('You clicked on the page'); }3 function popup() { alert('You clicked on the page'); }4 Lỗi trong câu hỏi là một lệnh không kết thúc trên dòng mà nó bắt đầu. Khi bạn đã tìm thấy lỗi, hãy kiểm tra các ngắt dòng bị đặt sai vị trí, lỗi chính tả của từ khóa JavaScript, cách viết hoa chính xác của tên biến và hàm, sử dụng các biến không xác định và trích dẫn thích hợp (đặc biệt là các dấu nháy đơn trong Chuỗi) Nếu bạn gặp nhiều lỗi cùng một lúc, đừng hoảng sợ. Thông thường, tất cả chúng đều do một hoặc hai lỗi trong tài liệu của bạn gây ra. Bạn nên bắt đầu từ đầu và khi bạn tìm thấy bất kỳ lỗi nào, hãy chạy lại tập lệnh. Bạn có thể sẽ thấy rằng tổng số lỗi giảm đáng kể với mỗi lỗi bạn bắt được Dành thời gian để sửa lỗi của bạn. Nó rất quan trọng. Nếu bạn không thể làm cho tập lệnh hoạt động, đừng đưa nó vào trang của bạn cho đến khi bạn có thể. Có một số điều tồi tệ hơn là gặp phải lỗi JavaScript trên một trang khi duyệt. Nó làm cho bạn trông khá ngu ngốc. Đặc biệt là vì chúng thường không khó sửa chữa Làm cách nào để tạo chức năng tùy chỉnh trong JavaScript?Cách tạo hàm trong JavaScript . Sử dụng chức năng từ khóa theo sau là tên của chức năng Sau tên hàm, mở và đóng dấu ngoặc đơn Sau dấu ngoặc đơn, mở và đóng dấu ngoặc nhọn Trong dấu ngoặc nhọn, hãy viết các dòng mã của bạn Làm cách nào để thêm các hàm JavaScript?Một hàm JavaScript được xác định bằng từ khóa hàm, theo sau là tên, tiếp theo là dấu ngoặc đơn () . Tên hàm có thể chứa các chữ cái, chữ số, dấu gạch dưới và ký hiệu đô la (quy tắc giống như biến). Dấu ngoặc đơn có thể bao gồm các tên tham số được phân tách bằng dấu phẩy. (tham số1, tham số2,. )
Có bao nhiêu cách bạn có thể tạo một hàm trong JavaScript?Có 3 cách viết hàm trong JavaScript. . Khai báo hàm Biểu thức hàm Chức năng mũi tên Tôi có thể thêm một chức năng bên trong một chức năng JavaScript không?Hàm lồng nhau
. Có thể dễ dàng thực hiện điều này với JavaScript . Ở đây, hàm lồng nhau getFullName() được tạo để thuận tiện. Nó có thể truy cập các biến bên ngoài và do đó có thể trả về tên đầy đủ. |