Pembahasan mengenai objek variabel di javascript
Tuesday, November 12, 2019
Edit
Kali ini Penulis Memberikan Tutorial Pembahasan mengenai objek variabel di javascript Berikut Tutorialnya :
Benda
Objek juga merupakan jenis variabel.
Tetapi objek dapat mengandung banyak nilai.
Nilai ditulis sebagai nama: pasangan nilai (nama dan nilai dipisahkan oleh titik dua). Nilai-nilai yang disebutkan, dalam objek JavaScript, disebut properti.
Contoh:
Variabel Lokal
Variabel dideklarasikan dalam fungsi JavaScript, menjadi LOKAL ke fungsi.
Variabel lokal memiliki cakupan lokal: Mereka hanya dapat diakses dalam fungsi.
Jika Anda mencoba mengakses variabel lokal dari fungsi lain, ia akan mengembalikan teks yang tidak ditentukan
Catatan penting
Jika Anda mendeklarasikan variabel tanpa kata kunci var, itu akan dianggap sebagai variabel global.
Contoh:
Variabel Global
Variabel yang dinyatakan di luar fungsi, menjadi GLOBAL.
Variabel global memiliki cakupan global: Semua skrip dan fungsi pada halaman web dapat mengaksesnya.
Catatan penting
Jika Anda mendeklarasikan variabel tanpa kata kunci var, itu akan dianggap sebagai variabel global.
Contoh:
Variabel Global
Otomatis Jika Anda menetapkan nilai ke variabel yang belum dideklarasikan (var), itu akan secara otomatis menjadi variabel GLOBAL.
Contoh:
Dapatkan Tanggal Saat Ini
Tanggal terdiri dari satu tahun, satu bulan, satu hari, satu jam, satu menit, satu detik, dan milidetik. Menggunakan Date baru (), membuat objek tanggal baru dengan tanggal dan waktu saat ini.
Contoh:
Dapatkan Tanggal Bulan Tahun Ini
Fungsi getDate () mengembalikan tanggal saat ini.
Fungsi getMonth () mengembalikan bulan yang sekarang.
Fungsi getFullYear () mengembalikan tahun ini.
Contoh:
Dapatkan Bulan Tahun dan Hari Kami dapat memisahkan Tanggal baru ()
Hasil.?
Tanggal & Waktu
Terformat Fungsi getMonth () mengembalikan bulan yang sekarang.
Fungsi getFullYear () mengembalikan tahun ini.
Fungsi getHours () mengembalikan format 24 jam saat ini.
Fungsi getMinutes () mengembalikan menit saat ini.
Contoh:
Tanggal & Waktu Terformat
kita dapat memformat tanggal dari Tanggal baru ()
Kesimpulan :
Jadi untuk Pembahasan mengenai objek variabel di javascript berhasil. Bagai mana cukup mudah bukan, semoga bermanfaat.
Objek juga merupakan jenis variabel.
Tetapi objek dapat mengandung banyak nilai.
Nilai ditulis sebagai nama: pasangan nilai (nama dan nilai dipisahkan oleh titik dua). Nilai-nilai yang disebutkan, dalam objek JavaScript, disebut properti.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<input type="button" value="Know about object" onclick="cal_fun();">
<div id="d1"></div>
<div id="d2"></div>
<script>
function cal_fun()
{
var schhis = {
school: "St,joseph's HSSS",
place: "Mulagumoodu",
year: "1984"
};
var student = {
stu1:
{
name1: "Merbin",
place: "Mulagumoodu"
},
stu2:
{
name2: "Franklin",
place: "Marthandam"
},
stu3:
{
name3: "Ramesh",
place: "Trivandrum"
}
}
document.getElementById('d1').innerHTML = "School Name : " + schhis.school + "School Place : " + schhis.place + " Year : " + schhis.year;
document.getElementById('d2').innerHTML = "Name 1 : " + student.stu1.name1 + "place : " + student.stu1.place;
}
</script>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<input type="button" value="Know about object" onclick="cal_fun();">
<div id="d1"></div>
<div id="d2"></div>
<script>
function cal_fun()
{
var schhis = {
school: "St,joseph's HSSS",
place: "Mulagumoodu",
year: "1984"
};
var student = {
stu1:
{
name1: "Merbin",
place: "Mulagumoodu"
},
stu2:
{
name2: "Franklin",
place: "Marthandam"
},
stu3:
{
name3: "Ramesh",
place: "Trivandrum"
}
}
document.getElementById('d1').innerHTML = "School Name : " + schhis.school + "School Place : " + schhis.place + " Year : " + schhis.year;
document.getElementById('d2').innerHTML = "Name 1 : " + student.stu1.name1 + "place : " + student.stu1.place;
}
</script>
</body>
</html>
Variabel Lokal
Variabel dideklarasikan dalam fungsi JavaScript, menjadi LOKAL ke fungsi.
Variabel lokal memiliki cakupan lokal: Mereka hanya dapat diakses dalam fungsi.
Jika Anda mencoba mengakses variabel lokal dari fungsi lain, ia akan mengembalikan teks yang tidak ditentukan
Catatan penting
Jika Anda mendeklarasikan variabel tanpa kata kunci var, itu akan dianggap sebagai variabel global.
Contoh:
<! DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Variabel Lokal </h1>
<p> Variabel lokal hanya dapat diakses dari dalam fungsi </p>
<input type = "button" onclick = "cal_fun1 ();" value = "Function 1">
<input type = "button" onclick = "cal_fun2 ();" value = "Function 2">
<script>
fungsi cal_fun1 ()
{
var carname = "bus";
lansiran (typeof (carname));
}
fungsi cal_fun2 ()
{
// Di sini kita tidak dapat mengakses variabel carname lansiran (typeof (carname));
}
</script>
</body>
</html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Variabel Lokal </h1>
<p> Variabel lokal hanya dapat diakses dari dalam fungsi </p>
<input type = "button" onclick = "cal_fun1 ();" value = "Function 1">
<input type = "button" onclick = "cal_fun2 ();" value = "Function 2">
<script>
fungsi cal_fun1 ()
{
var carname = "bus";
lansiran (typeof (carname));
}
fungsi cal_fun2 ()
{
// Di sini kita tidak dapat mengakses variabel carname lansiran (typeof (carname));
}
</script>
</body>
</html>
Variabel Global
Variabel yang dinyatakan di luar fungsi, menjadi GLOBAL.
Variabel global memiliki cakupan global: Semua skrip dan fungsi pada halaman web dapat mengaksesnya.
Catatan penting
Jika Anda mendeklarasikan variabel tanpa kata kunci var, itu akan dianggap sebagai variabel global.
Contoh:
<! DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Variabel Global </h1>
<p> Variabel global dapat diakses dari mana saja </p>
<input type = "button" onclick = "cal_fun1 ();" value = "Function 1">
<input type = "button" onclick = "cal_fun2 ();" value = "Function 2">
<script>
var carname = "bus";
fungsi cal_fun1 ()
{
lansiran (typeof (carname));
}
fungsi cal_fun2 ()
{
lansiran (typeof (carname));
}
</script>
</body>
</html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Variabel Global </h1>
<p> Variabel global dapat diakses dari mana saja </p>
<input type = "button" onclick = "cal_fun1 ();" value = "Function 1">
<input type = "button" onclick = "cal_fun2 ();" value = "Function 2">
<script>
var carname = "bus";
fungsi cal_fun1 ()
{
lansiran (typeof (carname));
}
fungsi cal_fun2 ()
{
lansiran (typeof (carname));
}
</script>
</body>
</html>
Variabel Global
Otomatis Jika Anda menetapkan nilai ke variabel yang belum dideklarasikan (var), itu akan secara otomatis menjadi variabel GLOBAL.
Contoh:
<! DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Auto Global </h1>
<p> Jika Anda tidak menetapkan var, variabel tersebut secara otomatis dikonversi ke variabel global </p>
<input type = "button" onclick = "cal_fun1 ();" value = "Function 1">
<input type = "button" onclick = "cal_fun2 ();" value = "Function 2">
<script>
fungsi cal_fun1 ()
{
// tidak menetapkan var sehingga dianggap sebagai variabel global
carname = "bus";
lansiran (typeof (carname));
}
fungsi cal_fun2 ()
{
lansiran (typeof (carname));
}
</script>
</body>
</html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Auto Global </h1>
<p> Jika Anda tidak menetapkan var, variabel tersebut secara otomatis dikonversi ke variabel global </p>
<input type = "button" onclick = "cal_fun1 ();" value = "Function 1">
<input type = "button" onclick = "cal_fun2 ();" value = "Function 2">
<script>
fungsi cal_fun1 ()
{
// tidak menetapkan var sehingga dianggap sebagai variabel global
carname = "bus";
lansiran (typeof (carname));
}
fungsi cal_fun2 ()
{
lansiran (typeof (carname));
}
</script>
</body>
</html>
Dapatkan Tanggal Saat Ini
Tanggal terdiri dari satu tahun, satu bulan, satu hari, satu jam, satu menit, satu detik, dan milidetik. Menggunakan Date baru (), membuat objek tanggal baru dengan tanggal dan waktu saat ini.
Contoh:
<! DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Dapatkan Tanggal & Waktu Saat Ini </h1>
<p> Tanggal baru () digunakan untuk mendapatkan waktu sistem saat ini </p>
<input type = "button" onclick = "get_date ();" value = "Tanggal & Waktu Sistem">
<div id = "d1">
</div>
<script>
function get_date ()
{
document.getElementById ('d1'). innerHTML = Tanggal baru ();
}
</script>
</body>
</html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Dapatkan Tanggal & Waktu Saat Ini </h1>
<p> Tanggal baru () digunakan untuk mendapatkan waktu sistem saat ini </p>
<input type = "button" onclick = "get_date ();" value = "Tanggal & Waktu Sistem">
<div id = "d1">
</div>
<script>
function get_date ()
{
document.getElementById ('d1'). innerHTML = Tanggal baru ();
}
</script>
</body>
</html>
Dapatkan Tanggal Bulan Tahun Ini
Fungsi getDate () mengembalikan tanggal saat ini.
Fungsi getMonth () mengembalikan bulan yang sekarang.
Fungsi getFullYear () mengembalikan tahun ini.
Contoh:
<! DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Dapatkan Bulan Tahun dan Hari </h1>
<p> Kami dapat memisahkan Tanggal baru () </p>
<input type = "button" onclick = "get_date ();" value = "Dapatkan Tanggal">
<div id = "d1">
</div>
<script>
function get_date ()
{
var hari ini = Tanggal baru ();
var day = today.getDate ();
var month = today.getMonth () + 1;
var year = today.getFullYear ();
lansiran ("Hari:" + hari);
lansiran ("Bulan:" + bulan);
lansiran ("Tahun:" + tahun);
}
</script>
</body>
</html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Dapatkan Bulan Tahun dan Hari </h1>
<p> Kami dapat memisahkan Tanggal baru () </p>
<input type = "button" onclick = "get_date ();" value = "Dapatkan Tanggal">
<div id = "d1">
</div>
<script>
function get_date ()
{
var hari ini = Tanggal baru ();
var day = today.getDate ();
var month = today.getMonth () + 1;
var year = today.getFullYear ();
lansiran ("Hari:" + hari);
lansiran ("Bulan:" + bulan);
lansiran ("Tahun:" + tahun);
}
</script>
</body>
</html>
Dapatkan Bulan Tahun dan Hari Kami dapat memisahkan Tanggal baru ()
Hasil.?
Tanggal & Waktu
Terformat Fungsi getMonth () mengembalikan bulan yang sekarang.
Fungsi getFullYear () mengembalikan tahun ini.
Fungsi getHours () mengembalikan format 24 jam saat ini.
Fungsi getMinutes () mengembalikan menit saat ini.
Contoh:
<! DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Tanggal & Waktu Terformat </h1>
<p> kita dapat memformat tanggal dari Tanggal baru () </p>
<input type = "button" onclick = "get_date ();" value = "Tanggal & Waktu Sistem Terformat">
<div id = "d1"> </div>
<script>
function get_date ()
{
var hari ini = Tanggal baru ();
var day = today.getDate ();
var month = today.getMonth () + 1;
var year = today.getFullYear ();
var hour = today.getHours ();
var minute = today.getMinutes ();
document.getElementById ('d1'). innerHTML = hari + "/" + bulan + "/" + tahun + "" + jam + ":" + menit;
}
</script>
</body>
</html>
<html>
<head>
<meta name = "viewport" content = "width = lebar perangkat, skala awal = 1">
</head>
<body>
<h1> Tanggal & Waktu Terformat </h1>
<p> kita dapat memformat tanggal dari Tanggal baru () </p>
<input type = "button" onclick = "get_date ();" value = "Tanggal & Waktu Sistem Terformat">
<div id = "d1"> </div>
<script>
function get_date ()
{
var hari ini = Tanggal baru ();
var day = today.getDate ();
var month = today.getMonth () + 1;
var year = today.getFullYear ();
var hour = today.getHours ();
var minute = today.getMinutes ();
document.getElementById ('d1'). innerHTML = hari + "/" + bulan + "/" + tahun + "" + jam + ":" + menit;
}
</script>
</body>
</html>
Tanggal & Waktu Terformat
kita dapat memformat tanggal dari Tanggal baru ()
Kesimpulan :
Jadi untuk Pembahasan mengenai objek variabel di javascript berhasil. Bagai mana cukup mudah bukan, semoga bermanfaat.