30/11/2011
0
Bài viết này cung cấp cho bạn các hướng dẫn, thủ thuật và các hàm để xử lí các đối tượng mảng JavaScript nâng cao cùng với các mã nguồn JavaScript minh họa đơn giản. Các hàm được hướng dẫn trong bài viết này là forEach, filter, every, some, map, reduce.
Bạn vui lòng vào trang trong để xem chi tiết hoạt xem thêm.
Hình ảnh trực quan sẽ giúp chúng ta dễ dàng hình dung được vấn đề, sự việc hơn. Và với các chủ đề kĩ thuật, đặc biệt là trong lĩnh vực lập trình việc mô tả nội dung vấn đề thông qua hình ảnh sẽ làm cho người đọc dễ tiếp thu hơn. Và hôm nay jsB@nk xin giới thiệu với bạn một bài viết hướng dẫn lập trình JavaScript hướng đối tượng thông qua các hình ảnh minh họa rất trực quan.
Bài viết này chỉ cung cấp các kiến thức lập trình JavaScript hướng đối tượng ở mức cơ bản như cách khai báo và sử dụng các biến, phương thức; nhưng được minh họa bằng hình ảnh và mã nguồn JavaScript ví dụ mẫu khá chi tiết nên rất hữu ích dành cho những người mới làm quen với ngôn ngữ JavaScript và lập trình hướng đối tượng.
Các bài viết về lập trình JavaScript hướng đối tượng khác có trên jsB@nk:
- Lập trình JavaScript hướng đối tượng dành cho người mới
- Lập trình hướng đối tượng trong JavaScript: Vài điều cơ bản
- Kiểu và Đối tượng đơn giản trong LTHĐT JavaScript
- Khái niệm cơ bản về lập trình hướng đối tượng trong JavaScript
- JavaScript lập trình hướng đối tượng - Phạm vi và Ngữ cảnh
Bài viết này sẽ hướng dẫn bạn chi tiết cách thức và ví dụ mẫu để thực hành kèm theo trong việc sử dụng đối tượng this của ngôn ngữ lập trình JavaScript hướng đối tượng: từ các khái niệm cơ bản như tầm vực, cách khai báo và sử dụng cho đến cách dùng như một tham chiếu.
Vui lòng vào trang chi tiết để xem thêm hoặc đọc các bài viết liên quan khác:
- Đối tượng JavaScript: So sánh và Sao chép
- Bước đầu làm quen với JavaScript hướng đối tượng
- Trắc nghiệm về các đối tượng trong JavaScript
- Kiểu và Đối tượng đơn giản trong LTHĐT JavaScript
- Kĩ thuật lập trình hướng đối tượng trong JavaScript
Ở bài viết trước - Các hàm JavaScript thiết yếu để tăng lực cho ứng dụng web - jsB@nk đã giới thiệu với bạn một hàm JavaScript có thể sao chép một đối tượng JavaScript, nhưng lại không có nhiều hướng dẫn cũng như chú thích.
Vì vậy trong bài viết này, jsB@nk sẽ cung cấp cho bạn một cái nhìn chi tiết hơn về vấn đề sao chép một đối tượng JavaScript cùng với rất nhiều các trường hợp liên quan phát sinh thêm. Bạn vui lòng vào trang chi tiết để xem thêm.
Đoạn mã JavaScript nhỏ gọn này được tác giả dùng JavaScript RegEx để xây dựng như một đối tượng JavaScript gồm hai phương thức JavaScript được dùng để lấy chính xác tên miền của một địa chỉ URL, và một phương thức để kiểm tra một địa chỉ URL nào đó có phải thuộc tên miền hay không. Viết thì dài dòng, bạn hãy xem ví dụ mẫu JavaScript trực tiếp để biết công dụng của nó, đơn giản nhưng rất hiệu quả.
Các hiệu ứng dùng JavaScript RegEx khác bạn nên xem nếu muốn tìm hiểu kĩ hơn:
- getElementsByClassName: Chọn các đối tượng bằng tên lớp
- Giới hạn khung nhập liệu với RegEx
- Các hàm so trùng JavaScript dựng sẵn
- JavScript RegExp Kiểm tra dữ liệu đăng kí
Bài hướng dẫn này được tác giả viết dành cho các lập trình viên ActionScript có cùng sở thích - ưa thích Flash và ActionScript nhưng cũng muốn tìm hiểu ngôn ngữ JavaScript bởi sự tương đồng của hai ngôn ngữ lập trình này.
Mặc dù bài hướng dẫn này được viết dành cho các lập trình viên ActionScript nhưng nó cũng là một bài viết hướng dẫn làm quen với đối tượng">lập trình JavaScript hướng đối tượng khá dễ hiểu. Bài viết hướng dẫn bạn chi tiết cách xây dựng một đối tượng JavaScript hoàn chỉnh với đầu đầy các phương thức get và set. Bạn vui lòng vào trang chi tiết để xem thêm.
Các bài viết liên quan khác:
- Lập trình JavaScript hướng đối tượng dành cho người mới
- Con trỏ trong lập trình hướng đối tượng JavaScript
- Lập trình hướng đối tượng trong JavaScript: Vài điều cơ bản
- Phương thức loại Public và Private trong JavaScript OOP
- Khái niệm cơ bản về lập trình hướng đối tượng trong JavaScript
Bài viết này hướng dẫn bạn sử dụng kĩ thuật lập trình JavaScript hướng đối tượng để xây dựng một trình giả lập cửa sổ trình duyệt với thư viện JSWinbox. Các thao tác mà bạn có thể thực hiện trên cửa sổ giả lập này là: đổi màu giao diện, thiết lập tiêu đề mới, thiết lập chiều cao, chiều rộng, ẩn hoặc hiện cửa sổ cùng với nhiều chức năng khác. Bạn vui lòng vào trang chi tiết để xem thêm.
Trang trong sẽ chứa chi tiết các hướng dẫn và mã nguồn có thể tải về bên dưới bài viết.
Một hàm JavaScript đơn giản để cung cấp khả năng chọn các đối tượng HTML thông qua tên lớp của chúng.
Khi người dùng nhấn vào nút chỉ định, hiệu ứng JavaScript này sẽ thực hiện việc lấy mã màu của các đối tượng có trên trang web đã được gán trước trước đó và hiển thị ra trên các ô màu hình chữ nhật. Ý tưởng của tác giả khi xây dựng đoạn mã JavaScript này là cung cấp cho người dùng mã màu mà không cần phải xem chi tiết mã nguồn trang web.
Thử thêm các hiệu ứng JavaScript khác trên jsB@nk để lấy mã màu nếu bạn đang có nhu cầu này:
- JavaScript công cụ chọn màu
- JavaScript công cụ chọn màu của Milonic
- JavaScript chọn màu
- JavaScript chọn màu cho các đối tượng
Đoạn mã JavaScript này sẽ làm cho các dòng chữ xuất hiện theo kiểu đánh máy văn bản nhưng cải tiến hơn ở chỗ nó sẽ không bắt buộc người dùng chờ để hiển thị; nghĩa là mỗi khi người dùng rê chuột vào các tiêu đề, nó sẽ lập tức hiển thị toàn bộ nội dung.
Ngoài ra mã nguồn JavaScript này còn được lập trình với các kĩ thuật OOP và DOM, rất hữu ích dành cho những ai đang quan tâm đến các kĩ thuật này.
Hãy thưởng thức thêm các hiệu ứng JavaScript tạo chữ đánh máy tuyệt đẹp khác trên jsB@nk:
- Chữ chạy kiểu đánh máy với sự kiện onClick
- Chữ động kiểu gõ phím
- Chữ cuộn kiểu đánh máy
- Chữ kiểu đánh máy và di chuyển
