Xây dựng hàm kiện javascript Xây dựng hàm kiện javascript Bởi: Khoa CNTT ĐHSP KT Hưng Yên Hàm ( function ) javascript Khái niệm : Hàm tập câu lệnh chạy nào, đâu.Hàm khai báo với từ khóa function , theo sau tập đối số, cuối đoạn mã lệnh đặt cặp dấu ngoặc Cú pháp : function functionName(arg0, arg1, ,argN) { Statements } Ví dụ : function sayHi(sName, sMessage) { alert(“Hello “ + name + “,” + sMessage); } sayHi(“Nicholas”, “how are you today?”); Kết sau: 1/5 Xây dựng hàm kiện javascript Lưu ý: javascript khái niệm overloading Ví dụ : function doAdd(iNum) { alert(iNum + 100); } function doAdd(iNum) { alert(iNum + 10); } doAdd(10); // Nó gọi hàm số 2, kết 20 Đối tượng arguments Javascript hỗ trợ đối tượgn arguments cho phép bạn sử dụng đối mà không cần phải biết tên Nó array đối số, số function sayHi() {if (arguments[0] == “bye”) {return;}alert(arguments[0]);} Bạn sử dụng thuộc tính length để biết số lượng đối số hàm 2/5 Xây dựng hàm kiện javascript function howManyArgs() { alert(arguments.length); } Đối tượng Function Trong javascript hàm coi biến đối tượng var sayHi = new Function(“sName”, “sMessage”, “alert(\”Hello \” + sName + \”, \” + sMessage + \”);”); Tương đương với : function sayHi(sName, sMessage) { alert(“Hello “ + sName + “,” + sMessage); } Trong hàm, bạn sử dụng biến khai báo bên thân hàm var sMessage = “Hello World!”; function sayHelloWorld() { alert(sMessage); } sayHelloWorld(); Nguồn : Wrox - Professional JavaScript For Web Developers Hàm khối câu lệnh với danh sách nhiều đối số (có thể đối số) thường có tên (mặc dù JavaScript hàm không thiết phải có tên) Hàm trả lại giá trị Cú pháp hàm sau: Code: 3/5 Xây dựng hàm kiện javascript function tên_hàm(đối_số_1, đối_số_2) { câu lệnh cần thực hàm gọi; return giá_trị_cần_trả_về; }tên_hàm(1, 2); // Gọi hàm tên_hàm với hai đối số ứng với đối_số_1 đối_số_2tên_hàm(1); // Gọi hàm tên_hàm với đối_số_1 có giá trị 1, đối_số_2 có giá trị undefined Trong JavaScript, gọi hàm không thiết phải gọi hàm với số đối số định nghĩa hàm, số đối số định nghĩa hàm, đối số không chuyển cho hàm mang giá trị undefined Các kiểu chuyển vào hàm theo giá trị, đối tượng chuyển vào hàm theo tham chiếu Hàm đối tượng hạng JavaScript Tất hàm đối tượng nguyên mẫu Function Hàm tạo dùng phép toán gán đối tượng khác, dùng làm đối số cho hàm khác Do đó, JavaScript hỗ trợ hàm cấp độ cao Ví dụ: Code: Array.prototype.fold = function (value, functor) { var result = value; for (var i = 0; i < this.length; i++) { result = functor(result, this[i]); } } return result; var sum = [1,2,3,4,5,6,7,8,9,10].fold(0, function (a, b) { return a + b }) 4/5 Xây dựng hàm kiện javascript Đoạn mã nguồn trả lại kết 55 Vì hàm JavaScript đối tượng, lập trình viên khởi tạo hàm không tên: Code: Function tenham() { thân hàm; } Một ví dụ sử dụng hàm không tên JavaScript: Code: document.onkeypress = function(e) { alert("Bạn vừa nhấn phím bàn phím"); } Hàm hiển thị thông báo số phím bàn phím gây kiện onkeypress nhấn Mặc định, tất thành phần đối tượng thuộc phạm vi công cộng (public) Trong JavaScript, khái niệm thành phần riêng hay thành phần bảo vệ (private protected), nhiên tính giả lập 5/5 ... language= "JavaScript" > 3/5 Xây dựng hàm kiện javascript function tên _hàm( đối_số_1, đối_số_2) { câu lệnh cần thực hàm gọi; return giá_trị_cần_trả_về; }tên _hàm( 1, 2); // Gọi hàm tên _hàm với hai đối số... định nghĩa hàm, đối số không chuyển cho hàm mang giá trị undefined Các kiểu chuyển vào hàm theo giá trị, đối tượng chuyển vào hàm theo tham chiếu Hàm đối tượng hạng JavaScript Tất hàm đối tượng... 4/5 Xây dựng hàm kiện javascript Đoạn mã nguồn trả lại kết 55 Vì hàm JavaScript đối tượng, lập trình viên khởi tạo hàm không tên: Code: Function tenham() { thân hàm;