Thử code Javascript trong 15 phút
Ok, Hôm nay mình sẽ đi vào phần cơ bản nhất của Javascript cùng nhau ôn lại nào.
Mục lục.
1. Khởi động với Hello word.
2. Variables(biến) tìm hiểu kiểu dữ liệu trong javascript.
3. Operator (+ - * /) toán tử
4. Object (đối tượng) trong javascript
5. String(chuổi) trong javascript
6. Array(mảng) trong javascript
7. Control Stament (câu lệnh điều kiểu) - tìm hiểu if-else, switch-case
8. Loop(vòng lặp) for, for in, while
9. Tìm hiểu mấy cái cao cao.
--
Ok vô phần 1 nào
1. Khởi động với Hello word.
<script>
document.write("hello word");
console.log("Hello word");
</script>
2. Variables(biến) tìm hiểu kiểu dữ liệu trong javascript.
<script>
var name = "Hoàng Kim";
document.write(name);
// Ngoài var còn có let và const
</script>
Biến dùng để chứa dữ liệu như là:
chuổi : string
số: int
đúng sai: boolen
đối tượng : object
mảng: array
3. Operator (+ - * /) toán tử
<script>
let fnum = 5;
let snum = 3;
document.write(fnum + snum);
</script>
4. Object (đối tượng) trong javascript
1 đối tượng bao gồm nhiều thuộc tính
<script>
let hoangkim = {
name: "Hoang Kim",
danthanhpho: false,
age: 25
}
document.write(hoangkim.name);
</script>
---
hoặc trong 1 đối tượng mình cũng có thể tạo và gọi 1 function
ví dụ
<script>
let hoangkim = {
name: "Hoang Kim",
danthanhpho: false,
age: 25,
status: function(){
document.write("Em có vk rồi");
}
}
//để in ra
hoangkim.status();
</script>
5. String(chuổi) trong javascript:
1 string vẫn là 1 đối tượng có nhiều thuộc tính (length - độ dài, split - cắt thành chuổi nhỏ, include - check trong chuổi có kí tự muốn tìm không)
<script>
let hoangkim = "Xin chao tất cả mọi người";
document.write(hoangkim.includes("người));
</script>
6. Array(mảng) trong javascript
<script>
const traicay = new Array(4);
traicay[0] = "chuối"
traicay[1] = "Quýt"
traicay[2] = "Nho"
traicay[3] = "Cam"
console.log(traicay)
// ví dụ lấy trái nho ra nó nằm ở vị trí index thứ 2
console.log(traicay[2]);
</script>
7. Control Stament (câu lệnh điều kiểu) - tìm hiểu if-else, switch-case
<script>
const num = 10;
if(num > 7){
console.log("số 10 lớn hơn số 7")
}else{
console.log("Nghi sao lớn vậy chài")
}
</script>
// Ví dụ làm menu đi
tùy theo số người dùng nhập mà mình in ra cái phù hợp nhất sài if else cũng dc mà rối beng nên mình sài switch case cho tiện
<script>
const number = 2
switch(number){
case 1:
console.log("anh da nhap so 1")
case 2:
console.log("anh da nhap so 2")
case 3:
console.log("anh da nhap so 3")
default:
break;
}
</script>
8. Loop(vòng lặp) for, for in, while
Ví dụ nhiều thông tin đến cùng 1 lúc mình phải xữ lý nhiều thông tin giống nhau
ví dụ:
<script>
const traiCay = ["Nho", "Chuoi", "Cam"]
// Cách 1:
for(const trai of traiCay){
document.write(trai)
}
//cach 2 kiểu cổ điển for vs index
for(let index = 0; index < traiCay.length; index++){
document.write(traiCay[index]);
}
</script>
9. Tìm hiểu mấy cái cao cao.
Hàm function trong js nó kiểu như 1 tập hợp nhiều câu lệnh
Dom manipulation
Event
Callback
Ajax call
JSON
NodeJS: require, npm
ES6