Chúng ta tiếp tục "lan man" về những chủ đề "này nọ" trong Javascript.
JavaScript Data Types
Javascript có 8 loại Data Types
- String
- Number
- Bigint
- Boolean
- Undefined
- Null
- Symbol
- Object
Chúng ta vẫn sử dụng JSFiddle và đoạn code... tào lao dài dòng của chúng ta, đây là đoạn code cũ
<!DOCTYPE html>
<html>
<body>
<h2>Đất Việt Lập Trình</h2>
<p>Trong ví dụ này, x được định nghĩa là một biến. Sau đó, x được gán giá trị 9</p>
<p id="datviet"></p>
<p id="datviet2"></p>
<p id="datviet3"></p>
<p id="datviet4"></p>
<p id="datviet5"></p>
<script>
let x;
x = 9;
let hoten, hoTen;
hoten = "Nguyen Van A";
hoTen = "Tran Van B";
var y = 18;
document.getElementById("datviet").innerHTML = x;
document.getElementById("datviet2").innerHTML = (5 + 6) * 10;
document.getElementById("datviet3").innerHTML = hoTen;
document.getElementById("datviet4").innerHTML = y;
x += 5;
document.getElementById("datviet5").innerHTML = x;
</script>
</body>
</html>
Chúng ta sẽ thêm các Data Types vào để "ngâm cứu"!
Đầu tiên là hai Data Types đơn giản nhất là Number và String
<!DOCTYPE html>
<html>
<body>
<h2>Đất Việt Lập Trình</h2>
<p>Trong ví dụ này, x được định nghĩa là một biến. Sau đó, x được gán giá trị 9</p>
<p id="datviet"></p>
<p id="datviet2"></p>
<p id="datviet3"></p>
<p id="datviet4"></p>
<p id="datviet5"></p>
<p id="datviet6"></p>
<p id="datviet7"></p>
<script>
let x;
x = 9;
let hoten, hoTen;
hoten = "Nguyen Van A";
hoTen = "Tran Van B";
var y = 18;
// Numbers:
let length = 16;
// Strings:
let color = "Yellow";
document.getElementById("datviet").innerHTML = x;
document.getElementById("datviet2").innerHTML = (5 + 6) * 10;
document.getElementById("datviet3").innerHTML = hoTen;
document.getElementById("datviet4").innerHTML = y;
x += 5;
document.getElementById("datviet5").innerHTML = x;
document.getElementById("datviet6").innerHTML = length;
document.getElementById("datviet7").innerHTML = color;
</script>
</body>
</html>
Bấm Run để thực thi code
Chúng ta tiếp tục với Boolean
<!DOCTYPE html>
<html>
<body>
<h2>Đất Việt Lập Trình</h2>
<p>Trong ví dụ này, x được định nghĩa là một biến. Sau đó, x được gán giá trị 9</p>
<p id="datviet"></p>
<p id="datviet2"></p>
<p id="datviet3"></p>
<p id="datviet4"></p>
<p id="datviet5"></p>
<p id="datviet6"></p>
<p id="datviet7"></p>
<p id="datviet8"></p>
<script>
let x;
x = 9;
let hoten, hoTen;
hoten = "Nguyen Van A";
hoTen = "Tran Van B";
var y = 18;
// Numbers:
let length = 16;
// Strings:
let color = "Yellow";
document.getElementById("datviet").innerHTML = x;
document.getElementById("datviet2").innerHTML = (5 + 6) * 10;
document.getElementById("datviet3").innerHTML = hoTen;
document.getElementById("datviet4").innerHTML = y;
x += 5;
document.getElementById("datviet5").innerHTML = x;
document.getElementById("datviet6").innerHTML = length;
document.getElementById("datviet7").innerHTML = color;
document.getElementById("datviet8").innerHTML = (x == y) + "<br>" + (x < y) ;
</script>
</body>
</html>
Bấm Run để thực thi
Object Datatype
Kiểu dữ liệu đối tượng có thể chứa cả đối tượng tích hợp sẵn và đối tượng do người dùng xác định
Các loại đối tượng tích hợp có thể là:
objects, arrays, dates, maps, sets, intarrays, floatarrays, promises...
Chúng ta sẽ thử với Array.
<!DOCTYPE html>
<html>
<body>
<h2>Đất Việt Lập Trình</h2>
<p>Trong ví dụ này, x được định nghĩa là một biến. Sau đó, x được gán giá trị 9</p>
<p id="datviet"></p>
<p id="datviet2"></p>
<p id="datviet3"></p>
<p id="datviet4"></p>
<p id="datviet5"></p>
<p id="datviet6"></p>
<p id="datviet7"></p>
<p id="datviet8"></p>
<p id="datviet9"></p>
<script>
let x;
x = 9;
let hoten, hoTen;
hoten = "Nguyen Van A";
hoTen = "Tran Van B";
var y = 18;
// Numbers:
let length = 16;
// Strings:
let color = "Yellow";
//Array:
const cars = ["Toyota","Volvo","BMW"];
document.getElementById("datviet").innerHTML = x;
document.getElementById("datviet2").innerHTML = (5 + 6) * 10;
document.getElementById("datviet3").innerHTML = hoTen;
document.getElementById("datviet4").innerHTML = y;
x += 5;
document.getElementById("datviet5").innerHTML = x;
document.getElementById("datviet6").innerHTML = length;
document.getElementById("datviet7").innerHTML = color;
document.getElementById("datviet8").innerHTML = (x == y) + "<br>" + (x < y) ;
document.getElementById("datviet9").innerHTML = cars[1];
</script>
</body>
</html>
Bấm Run để thực thi
JavaScript Functions
Hàm JavaScript là một khối mã được thiết kế để thực hiện một tác vụ cụ thể. Một hàm JavaScript được thực thi khi "thứ gì đó" gọi nó.
Cú pháp
Hàm JavaScript được bắt đầu bằng function, theo sau là tên hàm, theo sau là dấu ngoặc đơn ().
Tên hàm có thể chứa các chữ cái, chữ số, dấu gạch dưới và ký hiệu đô la (quy tắc giống như biến).
Dấu ngoặc đơn có thể bao gồm tên tham số được phân tách bằng dấu phẩy:
(tham số1, tham số2, ...)
Mã được hàm thực thi được đặt bên trong dấu ngoặc nhọn: {}
Chúng ta sẽ ví dụ viết một hàm đơn giản để nhân hai số.
<!DOCTYPE html>
<html>
<body>
<h2>Đất Việt Lập Trình</h2>
<p>Trong ví dụ này, x được định nghĩa là một biến. Sau đó, x được gán giá trị 9</p>
<p id="datviet"></p>
<p id="datviet2"></p>
<p id="datviet3"></p>
<p id="datviet4"></p>
<p id="datviet5"></p>
<p id="datviet6"></p>
<p id="datviet7"></p>
<p id="datviet8"></p>
<p id="datviet9"></p>
<p id="datviet10"></p>
<script>
let x;
x = 9;
let hoten, hoTen;
hoten = "Nguyen Van A";
hoTen = "Tran Van B";
var y = 18;
// Numbers:
let length = 16;
// Strings:
let color = "Yellow";
//Array:
const cars = ["Toyota","Volvo","BMW"];
function nhanHaiSo(p1, p2) {
return p1 * p2;
}
let result = nhanHaiSo(9, 7);
document.getElementById("datviet").innerHTML = x;
document.getElementById("datviet2").innerHTML = (5 + 6) * 10;
document.getElementById("datviet3").innerHTML = hoTen;
document.getElementById("datviet4").innerHTML = y;
x += 5;
document.getElementById("datviet5").innerHTML = x;
document.getElementById("datviet6").innerHTML = length;
document.getElementById("datviet7").innerHTML = color;
document.getElementById("datviet8").innerHTML = (x == y) + "<br>" + (x < y) ;
document.getElementById("datviet9").innerHTML = cars[1];
document.getElementById("datviet10").innerHTML = result;
</script>
</body>
</html>
Bấm Run để thực thi
Không có nhận xét nào:
Đăng nhận xét