Nhập bằng import
Thuộc phần Lập trình hướng đối tượng trong hành trình JavaScript của Coddy. Bài học 9 trên 56.
Sau khi xuất chức năng từ một module, ta cần nhập chức năng đó để dùng trong tệp khác. Câu lệnh import cho phép ta đưa các giá trị đã xuất từ những module khác vào.
Nhập một export có tên:
// Nhập một hàm (function) cụ thể từ module
import { greet } from './greeting.js';
// Giờ chúng ta có thể dùng hàm greet
greet('John'); // Đầu ra: Hello, John!Bạn có thể nhập nhiều export có tên cùng lúc:
// Nhập nhiều giá trị xuất ra
import { greet, farewell } from './greeting.js';
greet('John'); // Đầu ra: Hello, John!
farewell('John'); // Đầu ra: Goodbye, John!Nhập một giá trị xuất mặc định:
// Import một export mặc định (không cần dấu ngoặc nhọn)
// Dùng cách này khi tệp kia có: export default functionName
import Person from './person.js';
// Tạo một đối tượng Person mới
const john = new Person('John');Thử thách
DễBạn đang xây dựng một biểu mẫu đăng ký. Bạn có tệp validation-utils.js chứa các hàm hữu ích để xác thực email.
Nhiệm vụ của bạn:
- Nhập hàm
validateEmailvàomain.js(Đây là named export, không phải default export) - Gọi hàm và truyền địa chỉ email user@example.com
- In ra kết quả bằng
console.log
Tự làm thử
// TODO: Nhập hàm (function) validateEmail vào đây (đây là hàm xuất có tên)
// TODO: Gọi hàm, truyền địa chỉ email user@example.com vào rồi in kết quả bằng console.logBài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Lập trình hướng đối tượng
1Đối tượng và từ khóa this
Ôn nhanh: đối tượngThêm phương thức vào đối tượngTìm hiểu từ khóa thisHàm khởi tạoTừ khóa newThử thách ôn tập7Kế thừa và từ khóa extends
Kế thừaQuan hệ "là một"Từ khóa extendsPhương thức super()Kế thừa thuộc tính và phương thứcThử thách ôn tập13Kết hợp hay kế thừa
Quan hệ “có một” và “là một”Những hạn chế của kế thừa nhiều tầngXây dựng đối tượng5Đóng gói và quyền truy cập
Đóng góiTrường công khai và trường riêng tưPhương thức riêng tưThử thách ôn tập8Tổ chức code OOP
Tổ chức các lớp thành module11Dự án: Trình hiển thị hình dạng
Thiết lập: lớp Hình dạng và xuấtKế thừa lớp Hình trònGhi đè và phương thức diện tíchBộ đếm hình dạng tĩnh6Dự án: Tài khoản ngân hàng đơn giản
Lớp BankAccountGửi tiền và rút tiềnSố dư dưới dạng thuộc tính riêng tư9Phương thức và thuộc tính tĩnh
Cấp lớp và cấp instanceThuộc tính tĩnhPhương thức tiện ích tĩnhThử thách ôn tậpTự luyện tập: Trình biên dịch JavaScript online