By GokiSoft.com| 21:14 20/11/2023|
ReactJS

[Share Code] Tìm hiểu về Object & Function in ReactJS

#vidu.html

<!DOCTYPE html>
<html>
<head>
	<title>JS Tutorial</title>
	<meta charset="utf-8">
</head>
<body>

<script type="text/javascript">
	//Doi tuong -> cu the hoa du lieu cho 1 thang
	//Khi noi chung chung: sinh vien gom (thuoc tinh: fullname, age, email), showInfo2, cong(), .. -> Class Object
	var std2 = {
		"fullname": "Tran Van A",
		"age": 22,
		"email": "tranvana@gmail.com",
		showInfo2: function() {
			console.log("Testing")
		},
		cong: function(a, b) {
			return a + b
		},
		showInfo3: function() {
			console.log(this.fullname)
			console.log(this.age)
		}
	}

	//prototype
	std2.tru = function(a, b) {
		return a - b;
	}

	function showInfo() {
		console.log(std2)
		console.log(std2.fullname)
	}

	std2.showInfo2()

	var tong = std2.cong(5, 6);
	console.log(tong)

	showInfo()

	var hieu = std2.tru(8, 3);
	console.log(hieu)

	std2.showInfo3()
	//Tim hieu ky ve function
	var t1 = function() {
		console.log('testing ...')
	}
	t1()

	function t2() {
		console.log('testing 2 ...')
	}
	t2()

	//Tim hieu ky ve function (deep)
	function timkiem(x) {
		var sList = [1, 6, 3, 7, 333, 100]

		for (var i = 0; i < sList.length; i++) {
			if(sList[i] == x) {
				console.log(i + " > tim that")
			}
		}
	}
	timkiem(3)

	//function (gom thuoc tinh + rat nhieu function con) -> gia class object (php & java)
	//Class Object
	var Mang = function(x) {
		//Thuoc tinh
		this.sList = [1, 6, 3, 7, 333, 100];

		//function (ham), method (phuong thuc)
		this.start = function() {
			for (var i = 0; i < this.sList.length; i++) {
				if(this.sList[i] == x) {
					console.log(i + " > tim that");
				}
			}
		};

		this.end = function() {
			console.log('goodbye')
		}
	}
	var obj = new Mang(6);//Doi tuong
	obj.start();
	obj.end()
</script>
</body>
</html>
Tags:



Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó