Có rất nhiều cách khác nhau để lấy giá trị của đầu vào trong JavaScript. Đây là kiến thức quan trọng với việc thiết lập trang web thành viên. Giá trị của đầu vào sau khi được lấy sẽ được sử dụng để xử lý hoặc lưu trữ theo mong muốn của người lập trình viên. Hãy cùng tìm hiểu cách lấy giá trị của đầu vào trong JavaScript qua bài viết sau Show
lục mục 1. Tại sao phải lấy giá trị của đầu vào trong JavaScript?JavaScript là ngôn ngữ phổ biến để thiết lập trang web. JavaScript sẽ giúp người dùng tương tác với trang web một cách dễ dàng. Một trong những tính năng mạnh mẽ của JavaScript là DOM hay còn gọi là Document Object Model. Tính năng này sẽ giúp JavaScript xử lý các thành phần của cấu trúc HTML tạo nên trang web.  Một trong những thành phần quan trọng nhất của HTML là biểu mẫu. Biểu mẫu sẽ giúp người dùng nhập thông tin vào trang web. Các thông tin này sau đó sẽ được gửi đến máy chủ và xử lý hoặc được lưu trữ tùy theo mong muốn và chức năng của trang web. Các biểu mẫu sẽ tạo nên các trường nhập liệu để giúp người dùng có thể nhập thông tin rõ ràng hơn Giá trị của đầu vào trong JavaScript sẽ được sử dụng để thu thập các thông tin này. JavaScript haskhả năng xác định được vị trí của biểu mẫu và lấy các thông tin từ đầu vào biểu mẫu. Các thông tin sẽ giúp lập trình viên giải quyết vấn đề mà người dùng đang gặp phải 2. Những cách lấy giá trị của đầu vào trong JavaScriptCó nhiều cách khác để lấy giá trị đầu vào trong JavaScript. Tuy nhiên, nhìn chung thì các tính năng này đều sử dụng giá trị hàm. Đầu vào của JavaScript sẽ được nhập vào từ các hộp văn bản. Bạn hãy sử dụng các cách sau đây để lấy đầu vào từ hộp văn bản 2. 1. Use getElementById and function valueĐể sử dụng cách lấy giá trị đầu vào trong JavaScript. Ta có thể sử dụng getElementById và giá trị hàm. Đầu tiên, bạn cần gán cho hộp văn bản 1 Id. Và sau đó sử dụng đoạn mã.
2. 2. Sử dụng getElementsByClassName và giá trị hàmVới cách lấy giá trị của đầu vào này, ta sẽ sử dụng getElementsByClassName và hàm Value. Bạn gán cho các hộp văn bản của trang web một tên lớp. Sau đó, sử dụng đoạn mã sau đây
Nếu bạn muốn lấy giá trị đầu vào ô văn bản đầu tiên của trang web, hãy sử dụng số 0. Tùy chỉnh theo vị trí của hộp văn bản ô mà bạn hãy chọn số phù hợp. Giá trị sẽ bắt đầu từ số 0 cho một vị trí và tăng dần lên 2. 3. Sử dụng getElementsByTagName và giá trị hàmĐây là cách cuối cùng mà bạn có thể sử dụng để lấy giá trị của đầu vào. Bạn cùng đoạn mã sau, ý nghĩa của số 0 cũng tương tự như cách bạn lấy đầu vào bằng tên lớp ở cách thứ 2
Đầu vào của khách hàng sẽ giúp bạn xử lý thông tin khi cần xử lý cũng như phục vụ cho các tính năng của trang web. Nhận giá trị của đầu vào trong JavaScript là kiến thức quan trọng mà bạn cần nắm vững để có thể phân tích trạng thái tốt của trang web Tất nhiên, không ai bắt bạn phải làm theo 100% quy tắc / quy ước đặt tên này, tuy nhiên, chúng được chấp nhận rộng rãi như một tiêu chuẩn trong JavaScript cộng đồng #1. QUY ƯỚC ĐẶT TÊN BIẾN TRONG JSCác biến JavaScript phân biệt chữ hoa chữ thường. Do đó, các biến JavaScript với ký tự viết thường và viết hoa khác nhau
Biến JavaScript phải tự mô tả ý nghĩa của nó. Không cần thiết phải thêm nhận xét để có mô tả bổ sung cho biến Thông thường, bạn sẽ thấy các biến JavaScript được khai báo bằng kiểu camelCase với các ký tự viết thường ở đầu, các từ sau viết HOA chữ cái đầu Cũng có các ngoại lệ đối với các hằng số JavaScript, private và các lớp / thành phần - mà chúng ta sẽ khám phá sau Tuy nhiên, nói chung, một biến JavaScript, một chuỗi, boolean hoặc số, cũng như một đối tượng, mảng hoặc hàm - đều được khai báo với kiểu camelCase Tổng quan rút gọn về các kiểu viết tên biến khác nhau
> Bạn đã HỌC JAVASCRIPT CƠ BẢN ổn chưa? #2. QUY ƯỚC ĐẶT TÊN BOOLESE TRONG JSThêm tiền tố như is, are hoặc has là cách đơn giản nhất giúp mọi lập trình viên sử dụng JavaScript phân biệt biến boolean với một biến khácBạn có thể xem nó như một quy tắc mềm khác cho quy ước đặt tên boolean trong JavaScript bên cạnh việc được viết bằng camelCase #3. QUY ĐỊNH ĐẶT TÊN CHỨC NĂNG TRÊN JSCác hàm JavaScript cũng được viết theo kiểu camelCase. Ngoài ra, cách tốt nhất để thực hiện việc biết hàm đang làm gì là sử dụng một động từ làm tiền tố cho tên hàm tên hàm(firstName, lastName) { return `${firstName} ${lastName}`; hàm getName(firstName, lastName) { return `${firstName} ${lastName}`; Động từ làm tiền tố này có thể là bất cứ thứ gì (ví dụ. nhận, tìm nạp, đẩy, áp dụng, tính toán, tính toán, đăng) Đó là một quy ước phần mềm khác cần xem xét để có tên biến dễ hiểu khi lập trình JavaScript #4. QUY ĐỊNH ĐẶT TÊN LỚP TRONG JSMột lớp trong JavaScript được khai báo bằng kiểu PascalCase trái ngược với các cấu trúc dữ liệu JavaScript khác hàm tạo(firstName, lastName) { cái này. firstName = firstName; var me = new SoftwareDeveloper('Mai', 'Hà'); Kiểu PascalCase là kiểu viết hoa mọi chữ cái đầu của mỗi từ Và khi muốn tạo một lớp có thể hiện mới, ta sử dụng tên lớp và truyền tham số Khi đó, hàm constructor sẽ tự động nhận tham số đầu vào Quá trình khởi động này có thể thực hiện tương ứng với các ngôn ngữ khác nhau như Java > Tham khảo. Quy ước đặt tên trong Java #5. QUY ĐỊNH ĐẶT TÊN THÀNH PHẦN TRÊN JSCác thành phần thường được tìm thấy trong các Front end Framework như React, chúng cũng được khai báo rộng rãi với kiểu PascalCase hàm userProfile(user) { Họ. {người sử dụng. FirstName} Tên. {người sử dụng. họTên} hàm Hồ sơ người dùng(người dùng) { Họ. {người sử dụng. FirstName} Tên. {người sử dụng. họTên} Khi một thành phần được sử dụng, nó phân biệt chính nó với HTML gốc và các thành phần web, bởi vì cái đầu tiên của nó luôn được viết bằng chữ hoa người dùng={{ firstName. 'Mai', họ. 'Hà' }} #6. QUY ĐỊNH ĐẶT TÊN PHƯƠNG PHÁP TRONG JSGiống như các hàm JavaScript, tên một phương thức trong một lớp JavaScript được khai báo với kiểu camelCase hàm tạo(firstName, lastName) { cái này. firstName = firstName; trả lại `${this. firstName} ${this. họ}`; var me = new SoftwareDeveloper('Mai', 'Hà'); bảng điều khiển. đăng nhập tôi. getName()); Ngoài ra, khi khai báo phương thức, bạn hãy áp dụng các quy ước tương tự như đối với các hàm JavaScript Ví dụ. Thêm một động từ làm tiền tố để làm cho tên phương thức dễ hiểu hơn #7. QUY ƯỚC ĐẶT TÊN RIÊNG TRONG JSTrong các dự án JavaScript, thật lạ khi bạn tìm thấy dấu gạch dưới ( Nếu bạn nhìn thấy gạch dưới trước tên, nó là Mặc dù tính chất riêng tư không thể thực sự được thực hiện bởi JavaScript, nhưng việc khai báo một cái gì đó là Ví dụ. Một phương thức private trong một lớp chỉ nên được sử dụng trong lớp nội bộ đó, tránh được sử dụng trên thể hiện của lớp hàm tạo(firstName, lastName) { cái này. firstName = firstName; cái này. tên = _getName(tên, họ); _getName(firstName, lastName) { return `${firstName} ${lastName}`; var me = new SoftwareDeveloper('Mai', 'Hà'); tên = tôi. _getName(tôi. FirstName, tôi. họ); Một biến / hàm private cũng có thể xuất hiện trong tệp JavaScript Điều này có thể có nghĩa là biến / hàm không nên được sử dụng bên ngoài tệp này mà chỉ được sử dụng trong nội bộ để tính toán thêm logic nghiệp vụ cho các hàm khác trong cùng tệp mà thôi #số 8. QUY ƯỚC ĐẶT TÊN CONSTANT TRONG JSCuối cùng nhưng không làm mất đi các phần quan trọng, các hằng số - Mục đích đích là các biến không thay đổi - trong JavaScript được viết bằng chữ in hoa (UPPERCASE) var NGÀY = GIÂY * PHÚT * GIỜ; Nếu một hằng số có nhiều hơn một từ trong tên khai báo biến của nó, thì nó sẽ sử dụng dấu gạch dưới (
Thông thường, hằng số JavaScript được định nghĩa ở đầu tệp JavaScript Như đã gợi ý trước đây, không ai bắt buộc không được thay đổi hằng số ở đây, ngoại trừ các khai báo sử dụng từ khóa #9. QUY ƯỚC ĐẶT TÊN BIẾN TOÀN CẦU TRÊN JSMột biến JavaScript đã được xác định biến Global (toàn cục), nếu trong tất cả ngữ cảnh của nó đều có quyền truy cập vào nóThường thì ngữ cảnh được xác định bởi tệp JavaScript nơi biến được khai báo / định nghĩa, nhưng trong các dự án JavaScript nhỏ hơn, nó có thể là toàn bộ dự án Và cũng không có quy định đặt tên đặc biệt nào cho các biến toàn cục trong JavaScript
#10. QUY ĐỊNH ĐẶT TÊN TẬP TIN TRONG JAVASCRIPTCó hai chiến lược đặt tên tệp trong JavaScript. PascalCase và kebab-case Trong các ứng dụng Front end, bạn sẽ thường thấy người ta sử dụng kiểu PascalCase để đặt tên cho các thành phần (ví dụ:. các thành phần của React) Ngược lại, trong ứng dụng back end, kebab-case là cách sử dụng thông thường Bạn cũng có thể thấy ai đó sử dụng camelCase, nhưng tương tự như trong các ứng dụng giao diện người dùng. Nhưng điều này có nguy cơ là hệ thống điều hành đang xử lý chúng theo cách khác có thể dẫn đến lỗi Đó là lý do tại sao kiểu kebab-case nên là tiêu chuẩn cho việc đặt tên tệp trong JavaScript ?Vì sao còn gạch dưới có được sử dụng để đặt tên trong JavaScript không? Vì camelCase và PascalCase chủ yếu được xem xét trong JS, bạn đã thấy rằng gạch dưới hiếm khi được sử dụng cho các biến hoặc hằng số riêng Đôi khi, bạn sẽ thấy dấu gạch dưới khi nhận thông tin từ bên thứ ba dưới dạng cơ sở dữ liệu hoặc API Một trường hợp khác mà bạn có thể thấy gạch dưới là hàm tham số không được sử dụng ?Sử dụng dấu gạch ngang để đặt tên JavaScript cũng không phải là biến phổ biến. Nó chỉ làm cho mọi thứ trở nên khó khăn hơn Ví dụ như khi sử dụng chúng trong hướng đối tượng var firstName = person['first-name']; var firstName = người. tên đầu tiên; Và ngay cả bạn cũng không thể sử dụng trực tiếp gạch ngang để khai báo biến// Lỗi Cú pháp không bắt được. Mã thông báo không mong đợi '-' TỔNG XUẤT PHÁT ĐẶT TÊN TRONG JAVASCRIPTTùy mục đích sử dụng mà bạn sử dụng cách đặt tên khác nhau trong JavaScript. Và mặc dù quy ước này không phải là hoàn toàn bắt buộc, nhưng nó là tiêu chuẩn đánh giá được cộng đồng JavaScript công nhận Vấn đề đặt tên cực kỳ quan trọng của hầu hết thời gian bạn sử dụng để đọc lại mã, sửa chữa và tối ưu hóa nó Đừng cố tự làm khó mình, khó đồng đội Biết cách đặt tên chuẩn trong JavaScript thì dù bạn có tiếp cận với dự án nào cũng sẽ nhanh hơn, làm việc được với nhiều nhóm nhờ tiếng nói chung > Đọc thêm. Tự học lập trình bắt đầu từ đâu? HỌC VIỆN ĐẠO TẠO CNTT NIIT - ICT HÀ NỘI Học lập trình chất lượng cao (Từ năm 2002). Học lập trình viên. Action ngay Đc. Tầng 3, 25T2, N05, Nguyễn Thị Thập, Cầu Giấy, Hà Nội SĐT. 02435574074 - 0383. 180086 E-mail. xin chào@niithanoi. giáo dục. vn trang chủ. https. //Facebook. com/NIIT. CNTT/ #niit #niithanoi #niiticthanoi #hoclaptrinh #khoahoclaptrinh #hoclaptrinhjava #hoclaptrinhphp #java #php #python |
