Basic JavaScript #41 With Statement


With Statement

With statement merupakan fitur yang digunakan untuk menurunkan sebuah scope data

Dengan menggunakan with statement, kita bisa mengakses property dalam sebuah data tanpa harus menyebut datanya

With Statement Tidak Direkomendasikan

Walaupun fitur statement ini sangat menarik

Namun kebanyakan orang tidak merekomendasikan penggunaan with statement

Hal ini dikarenakan with statement kadang membuat sebuah kode menjadi ambigu


Ok sekarang coba kita buat. Pertama New File beri nama with-statement.html

Lalu coba ketikan seperti gambar di bawah ini

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>With Statement</title>
</head>
<body>
<script>
	
	const person = {
		firstName: "Putra",
		middleName: "Rama",
		lastName: "Setiawan"
	};

	console.info(person.firstName);
	console.info(person.middleName);
	console.info(person.lastName);

	with(person){
		console.info(firstName);
		console.info(middleName);
		console.info(lastName);
	}

</script>
</body>
</html>

Lalu RUN dan outputnya akan seperti gambar dibawah ini

Leave a comment

Design a site like this with WordPress.com
Get started