JavaScript là một ngôn ngữ lập trình động được sử dụng để phát triển web, trong các ứng dụng web, để phát triển trò chơi, v.v. Nó cho phép bạn triển khai các tính năng động trên các trang web mà không thể thực hiện được chỉ với HTML và CSS. Nhiều trình duyệt sử dụng JavaScript làm ngôn ngữ kịch bản để thực hiện động

Bạn đang xem: < font style = "vertical-align: inherit;"> js là gì

JavaScript là một ngôn ngữ lập trình động được sử dụng để phát triển web, trong ứng dụng web, để phát triển trò chơi, và nhiều hơn nữa. Nó cho phép bạn triển khai các tính năng động trên các trang web không thể thực hiện được chỉ với HTML và CSS.

Nhiều trình duyệt sử dụng JavaScript làm ngôn ngữ kịch bản để thực hiện các thao tác động trên web. Bất cứ khi nào bạn nhìn thấy trình đơn thả xuống nhấp để hiển thị, nội dung bổ sung được thêm vào trang và thay đổi động màu sắc phần tử trên trang, tên một số tính năng, bạn sẽ thấy tác dụng của JavaScript.

Web sẽ trông như thế nào nếu không có JavaScript?

Nếu không có JavaScript, tất cả những gì bạn có trên web sẽ là HTML và CSS. Những điều này chỉ giới hạn bạn ở một số triển khai trang web. 90% (nếu không nhiều hơn) các trang web của bạn sẽ là tĩnh và bạn chỉ có các thay đổi động như hoạt ảnh mà CSS cung cấp.

Cách JavaScript biến mọi thứ trở nên động

HTML xác định cấu trúc của tài liệu web của bạn và nội dung trong đó. CSS khai báo nhiều kiểu khác nhau cho nội dung được cung cấp trên tài liệu web.

HTML và CSS thường được gọi là ngôn ngữ đánh dấu hơn là ngôn ngữ lập trình vì về cốt lõi, chúng cung cấp đánh dấu cho các tài liệu có rất ít tính năng động.

Mặt khác, JavaScript là một ngôn ngữ lập trình động hỗ trợ các phép tính Toán học, cho phép bạn thêm động nội dung HTML vào DOM , tạo khai báo kiểu động, tìm nạp nội dung từ một trang web khác và nhiều hơn nữa.

Trước khi chúng ta tìm hiểu cách JavaScript thực hiện tất cả những điều này, hãy xem một ví dụ nhanh.

Xem mã hóa này: https://codepen.io/Dillion/full/XWjvdMG

Trong codepen, bạn sẽ thấy rằng khi bạn nhập vào trường nhập, văn bản sẽ hiển thị trên màn hình. Điều đó được thực hiện bởi JavaScript. Bạn không thể có được điều này với HTML, CSS, cũng như cả hai chúng cùng nhau.

JavaScript có thể làm được nhiều điều hơn những gì tôi có thể đề cập trong bài viết này. Nhưng để giúp bạn bắt đầu với JS, chúng ta sẽ xem xét:

  • cách sử dụng JavaScript trong HTML
  • kiểu dữ liệu
  • biến
  • nhận xét
  • chức năng

Cách sử dụng JavaScript trong HTML

Cũng giống như CSS, JavaScript có thể được sử dụng trong HTML theo nhiều cách khác nhau, chẳng hạn như:

1. JavaScript nội tuyến

Tại đây, bạn có mã JavaScript trong các thẻ HTML trong một số thuộc tính đặc biệt dựa trên JS.

Ví dụ: thẻ HTML có thuộc tính sự kiện cho phép bạn thực thi một số mã nội tuyến khi một sự kiện được kích hoạt. Đây là ý tôi:

Nút

  & lt; onclick = "alert ('Bạn vừa nhấp vào một nút')" & gt; Nhấp vào tôi! & lt; / button & gt;
 

Đây là một ví dụ về JavaScript nội tuyến. Giá trị của onclick có thể là một số phép tính Đối sánh, một phép bổ sung động cho DOM – bất kỳ mã JavaScript hợp lệ về cú pháp nào.

2. JavaScript nội bộ, với thẻ script

Cũng giống như thẻ style cho khai báo kiểu trong trang HTML, thẻ script tồn tại cho JavaScript. Đây là cách nó được sử dụng:

  & lt; script & gt;
hàm số(){
alert ("Tôi đang ở trong thẻ script")
}
& lt; / script & gt;
 

3. JavaScript bên ngoài

Bạn có thể muốn có mã JavaScript của mình trong một tệp khác. JavaScript bên ngoài cho phép điều này. Đối với những trường hợp sử dụng như vậy, đây là cách thực hiện:

  & lt;! - index.html - & gt;
& lt; script src = "./ script.js" & gt; & lt; / script & gt;
 
  // script.js
alert ("Tôi đang ở trong một tệp bên ngoài");
 

Thuộc tính src của thẻ script cho phép bạn áp dụng nguồn cho mã JavaScript. Tham chiếu đó rất quan trọng vì nó thông báo cho trình duyệt cũng tìm nạp nội dung của script.js .

script.js có thể nằm trong cùng thư mục với index.html hoặc có thể lấy từ một trang web khác. Đối với trường hợp thứ hai, bạn sẽ cần chuyển URL đầy đủ ( https: //.../script.js ).

Xem Thêm  Cách hiển thị ngày trong tuần bằng Javascript - javascript ngày trong tuần

Nhận thấy phần mở rộng .js ? Đó là phần mở rộng cho các tệp JavaScript, giống như HTML có .html .

Bây giờ chúng ta đã xem xét các cách áp dụng JavaScript vào HTML của mình, hãy xem xét một số tính năng của JavaScript.

Các loại dữ liệu trong JavaScript

Trong JavaScript, dữ liệu phải thuộc loại này hay loại khác. JavaScript cần biết điều này để biết cách sử dụng nó với dữ liệu khác hoặc cách vận hành trên dữ liệu đó.

Dưới đây là các kiểu dữ liệu cơ bản mà JavaScript hỗ trợ:

  • Số (ví dụ: 6 , 7 , 8.9 ): mà bạn có thể áp dụng các phép toán số học (như phép cộng) và nhiều phép toán khác
  • Chuỗi (như "javascript" , 'một câu dài' , một đoạn ngắn ): bất kỳ thứ gì được tìm thấy giữa các dấu nháy đơn ( '...' ), dấu ngoặc kép ( "..." ) và dấu gạch chéo ngược ( ... ). Không có sự khác biệt giữa dấu ngoặc đơn và dấu ngoặc kép, nhưng dấu ngoặc kép có nhiều tính năng hơn, chẳng hạn như:
    • nội suy các biến trong chuỗi, như sau: Tên tôi là $ {name} . name đây là một biến, được đưa vào chuỗi.
    • chuỗi nhiều dòng. Với dấu ngoặc kép thông thường, bạn cần thêm các ký tự thoát như \ n cho một dòng mới, nhưng dấu gạch ngược cho phép bạn tiếp tục chuỗi của mình trên một dòng khác, như vậy:
  let str = `Tôi là
    chuỗi nhiều dòng`;
 
  • Boolean (chỉ có thể có hai giá trị: true hoặc false ): giống có ( true ) hoặc không ( sai )
  • Mảng (ví dụ: [1, 2, "hello", false] ): một nhóm dữ liệu (có thể thuộc bất kỳ loại nào, bao gồm cả mảng) được phân tách bằng dấu phẩy. Việc lập chỉ mục bắt đầu từ 0. Việc truy cập nội dung của một nhóm như vậy có thể giống như sau: array [0] , đối với ví dụ này sẽ trả về 1 , vì nó là mục đầu tiên.
  • Đối tượng (ví dụ: {name: 'javascript', age: 5} ): cũng là một nhóm dữ liệu nhưng ở dạng cặp key: value . Khóa phải là một chuỗi và giá trị có thể là bất kỳ kiểu nào bao gồm cả một đối tượng khác. Việc truy cập nội dung của nhóm được thực hiện bằng khóa, ví dụ: obj.age hoặc obj ["age"] sẽ trả về 5. < / li>
  • Không xác định (dữ liệu duy nhất mà loại này hỗ trợ là undefined ): Dữ liệu này có thể được gán cho một biến một cách rõ ràng hoặc ngầm định (bằng JavaScript) nếu một biến đã được khai báo nhưng không được gán một giá trị. Ở phần sau của bài viết này, chúng ta sẽ xem xét khai báo biến và gán giá trị.
  • Null (dữ liệu duy nhất mà kiểu này hỗ trợ là null ): Null nghĩa là không có giá trị. Nó giữ một giá trị, nhưng không phải là một giá trị thực – đúng hơn là null.
  • Hàm (ví dụ: function () {console.log ("function")} ): Hàm là một kiểu dữ liệu gọi một khối mã khi được gọi. Thông tin thêm về các chức năng ở phần sau của bài viết này.

Các kiểu dữ liệu JavaScript có thể hơi phức tạp để hiểu. Bạn có thể đã nghe nói rằng mảng và hàm cũng là các đối tượng, và điều đó đúng.

Hiểu điều này liên quan đến việc hiểu bản chất của các nguyên mẫu JavaScript . Tuy nhiên, ở cấp độ cơ bản, đây là những kiểu dữ liệu bạn cần biết đầu tiên trong JavaScript.

Các biến trong JavaScript

Các biến là vùng chứa các giá trị của bất kỳ kiểu dữ liệu nào. Chúng giữ các giá trị sao cho khi các biến được sử dụng, JavaScript sẽ sử dụng giá trị mà chúng đại diện cho hoạt động đó.

Các biến có thể được khai báo và có thể được gán một giá trị. Khi bạn khai báo một biến, bạn đang thực hiện điều này:

  đặt tên;
 

Đối với phần trên, name đã được khai báo, nhưng nó chưa có giá trị.

Như bạn mong đợi từ phần loại dữ liệu, JavaScript tự động chỉ định giá trị undefined cho name . Vì vậy, nếu bạn cố gắng sử dụng name ở bất kỳ đâu, thì undefined sẽ được sử dụng cho thao tác đó.

Đây là ý nghĩa của việc gán giá trị cho một biến:

  đặt tên;
tên = "JavaScript";
 

Bây giờ, nếu bạn sử dụng name , nó sẽ đại diện cho JavaScript .

Các khai báo và bài tập có thể được thực hiện trên một dòng như vậy:

  let name = "JavaScript";
 

Tại sao lại let ? bạn có thể đã tự hỏi mình và đây là lý do tại sao: JavaScript hỗ trợ ba phương pháp khai báo biến, đó là:

  • toán tử var : điều này đã có với JavaScript kể từ khi ra đời. Bạn có thể khai báo các biến và gán giá trị cho chúng, những giá trị này có thể được thay đổi sau này trong mã. Ý tôi là đây:
  var name = "JavaScript";
name = "Ngôn ngữ";
 
  • toán tử let : toán tử này cũng rất giống với var – nó khai báo và gán giá trị cho các biến có thể được thay đổi sau này trong mã. Sự khác biệt chính giữa các toán tử này là var lưu các biến như vậy, trong khi let không lưu. Khái niệm về cẩu có thể được giải thích ngắn gọn bằng đoạn mã sau:
  function print () {
console.log (tên);
console.log (tuổi);
var name = "JavaScript";
cho tuổi = 5;
}

in();
 

Khi gọi hàm print ( print () ), console.log đầu tiên in ra undefined trong khi console.log thứ hai gặp lỗi “Không thể truy cập age trước khi khởi chạy”.

Điều này là do khai báo của biến name được nâng (nâng) lên đầu hàm và việc gán cho biến vẫn ở cùng một dòng trong khi khai báo age và nhiệm vụ vẫn ở cùng một dòng.

Đây là cách mã trên được biên dịch:

  function print () {
tên var;
console.log (tên);
console.log (tuổi);
tên = "JavaScript";
cho tuổi = 5;
}

in();
 

Sự cố máy nâng có thể xảy ra bất ngờ và đó là lý do tại sao bạn nên sử dụng let thay vì var .

  • toán tử const : điều này cũng không nâng các biến, nhưng nó thực hiện một điều nữa: nó đảm bảo rằng một biến không thể được gán một giá trị khác với giá trị đã được gán trong quá trình khởi tạo.

Ví dụ:

  let name = "JavaScript"
name = "Language" // không có lỗi

const age = 5
age = 6 // lỗi, không thể gán lại biến
 

Cũng giống như HTML, đôi khi chúng ta có thể muốn đặt một ghi chú bên cạnh mã của mình mà không cần phải thực thi.

Chúng tôi có thể thực hiện việc này trong JavaScript theo hai cách:

  • với các nhận xét một dòng, như thế này: // một nhận xét một dòng
  • hoặc với các nhận xét nhiều dòng, như thế này:
  / *
một đa
bình luận dòng
* /
 

Các hàm trong JavaScript

Với các hàm, bạn có thể lưu trữ một khối mã có thể được sử dụng ở những nơi khác trong mã của mình. Giả sử bạn muốn in “JavaScript” và “Ngôn ngữ” ở các vị trí khác nhau trong mã của mình. Thay vì làm điều này:

  console.log ("JavaScript")
console.log ("Ngôn ngữ")

// một số thứ ở đây

console.log ("JavaScript")
console.log ("Ngôn ngữ")

// nhiều thứ khác ở đây

console.log ("JavaScript")
console.log ("Ngôn ngữ")
 

Bạn có thể làm điều này:

  function print () {
    console.log ("JavaScript")
    console.log ("Ngôn ngữ")
}

in()

// một số thứ ở đây

in()

// nhiều thứ khác ở đây

in()
 

Bằng cách này, chúng tôi đã lưu trữ khối mã lặp lại trong một hàm có thể được sử dụng ở bất cứ đâu chúng tôi muốn. Nhưng đó không phải là tất cả. Giả sử chúng tôi muốn tìm giá trị trung bình của ba số. Mã cho điều này sẽ là:

  let num1 = 5
hãy để num2 = 6
hãy để num3 = 8
để trung bình = (num1 + num2 + num3) / 3
 

Làm điều này bên ngoài một chức năng có thể không hiệu quả, nhưng nếu chúng tôi phải làm điều đó ở nhiều nơi? Sau đó, chúng tôi sẽ có một chức năng như vậy:

  hàm findAverage (n1, n2, n3) {
    hãy để aver = (n1 + n2 + n3) / 3
    trả lại aver
}

để num1 = 5
hãy để num2 = 6
hãy để num3 = 8
let average = findAverage (num1, num2, num3)

// sau này, ở một nơi khác
let average2 = findAverage (...)

// sau này, ở một nơi khác
let average3 = findAverage (...)
 

Như bạn sẽ nhận thấy trong khai báo của findAverage , chúng ta có n1, n2, n3 trong dấu ngoặc đơn. Đây là các tham số, đóng vai trò là trình giữ chỗ cho các giá trị sẽ được cung cấp khi hàm được gọi.

Khối mã sử dụng các trình giữ chỗ đó để tìm giá trị trung bình và từ khóa return trả về giá trị trung bình từ hàm.

Phần giữ chỗ làm cho các hàm của bạn có thể tái sử dụng để các giá trị khác nhau tại các thời điểm khác nhau có thể được chuyển cho các hàm để sử dụng cùng một logic.

Kết luận

JavaScript có nhiều tính năng khác mà chúng ta có thể thảo luận, nhưng tôi hy vọng bài viết này đã cung cấp cho bạn một điểm khởi đầu rõ ràng để tiến xa hơn. Bây giờ bạn sẽ biết ngôn ngữ là gì và cách bạn có thể sử dụng ngôn ngữ đó trên web.

Trong bài viết này, chúng tôi đã xem xét cách thêm mã JavaScript vào các tệp HTML của chúng tôi, các loại dữ liệu khác nhau mà JavaScript hỗ trợ, các biến đóng vai trò là vùng chứa cho các giá trị, cách viết nhận xét bằng JavaScript và một chút về cách khai báo và sử dụng các hàm.

Có rất nhiều nơi để đến từ đây, nhưng tôi khuyên bạn nên tìm hiểu về DOM và cách JavaScript tương tác với nó tiếp theo.


Xem thêm những thông tin liên quan đến chủ đề js là gì

JavaScript có gì mà hot vậy? Lộ trình trở thành Full-Stack JavaScript siêu đầy đủ

  • Tác giả: Phạm Huy Hoàng
  • Ngày đăng: 2020-11-24
  • Đánh giá: 4 ⭐ ( 5793 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hôm nay mình sẽ chia sẻ về sự hay ho bá đạo của ngôn ngữ lập trình JavaSript nhé. JavaScript là gì, tại sao nó hot vậy, học có nhiều việc làm không. Mình cũng sẽ chia sẻ lộ trình học để trở thành làm JavaScript FullStack nha.

    Tư vấn free tại: https://fb.com/lophocviet
    Thông tin khoá học JavaScript Full Stack: https://cybersoft.edu.vn/bootcamp-lap-trinh-fullstack-javascript-tu-zero-co-viec-lam

    Timestamp:
    00:00 – Tóm tắt nội dung vlog
    00:17 – Giới thiệu về ngôn ngữ lập trình JavaScript
    00:55 – Ưu điểm của JavaScript, tại sao nên học
    02:09 – Nhược điểm của JavaScript
    04:05 – Học JavaScript thì làm được gì (front/back-end, mobile, game)
    07:46 – Lộ trình học JavaScript cơ bản
    10:02 – Lộ trình học JavaScript chuyên sâu front-end
    11:50 – Lộ trình học JavaScript chuyên sâu back-end

    Nhớ subscribe cho mình nhe: https://bit.ly/codedaotube\r
    \r
    Channel Tôi Đi Code Dạo là nơi mình chia sẻ những kiến thức, kinh nghiệm về ngành lập trình mà mình đạt được trong quá trình làm việc. Những kiến thức này sẽ biến các bạn từ một coder trở thành developer – lập trình viên thứ thiệt.\r
    Nhớ ghé thăm và subscribe channel để xem clip mới vào 8H TỐI T3 VÀ T6 hàng tuần nha!\r
    \r
    Ghé thăm mình tại:\r
    Blog: https://toidicodedao.com/\r
    Fanpage: https://www.facebook.com/toidicodedao/

    javascript js cybersoft

JavaScript là gì? Có vai trò gì? Cách bật JavaScript trên điện thoại

  • Tác giả: www.thegioididong.com
  • Đánh giá: 4 ⭐ ( 2492 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết sẽ giới thiệu về khái niệm của JavaScript, vai trò của chúng, cũng như là cách để bật JavaScript trên điện thoại. Click để xem nhé!

JavaScript là gì – Tìm hiểu về ngôn ngữ lập trình JavaScript

  • Tác giả: web4s.vn
  • Đánh giá: 3 ⭐ ( 6368 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ngôn ngữ JavaScript là gì, Javascript để làm gì, Javascript khác gì so với Java và các ngôn ngữ lập trình khác? Tất cả sẽ được giải đáp trong bài viết của Web4s

15+ Tài liệu học NodeJS “chất” dành cho Developer

  • Tác giả: itviec.com
  • Đánh giá: 4 ⭐ ( 6850 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Theo 1 khảo sát của Stack Overflow, NodeJS là nền tảng được sử dụng nhiều nhất năm 2019 với số lượng người dùng lên đến gần 50%. Vậy NodeJS là gì? Vì sao…

Lập trình viên Javascript là gì? Triển vọng nghề nghiệp như thế nào?

  • Tác giả: jobsgo.vn
  • Đánh giá: 3 ⭐ ( 5434 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Lập trình viên Javascript là gì? Làm nghề này lương có cao không? Cơ hội việc làm như thế nào? Cùng JobsGO tìm hiểu qua bài viết dưới đây nhé

JAVASCRIPT LÀ GÌ? ỨNG DỤNG CỦA NGÔN NGỮ JAVASCRIPT

  • Tác giả: www.greenacademy.edu.vn
  • Đánh giá: 3 ⭐ ( 1116 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript là một trong những ngôn ngữ lập trình web phổ biến nhất hiện nay. Cùng với HTML và CSS, đây là bộ ba ngôn ngữ cơ bản dành cho những lập trình viên mới bắt đầu với việc lập trình website. Hãy cùng Green Academy tìm hiểu về ngôn ngữ lập trình này một cách rõ hơn bạn nhé!

[JavaScript Là Gì] Cách viết JavaScript cơ bản

  • Tác giả: vietnix.vn
  • Đánh giá: 5 ⭐ ( 1083 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript đang được quan tâm bởi nhiều ưu điểm nổi trội so với các ngôn ngữ lập trình khác. Bạn muốn tìm hiểu JavaScript là gì? Qua bài viết này sẽ giúp bạn hiểu và có thể viết JavaScript cơ bản với một số ví dụ cụ thể trong bài. Xem ngay

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  HTML là gì? Ưu, nhược điểm và cách thức hoạt động của nó như thế nào? - html css javascript là gì

By ads_php