Menghuraikan rentetan JSON dengan eval dalam pengetahuan javascript_Basic

Kita semua tahu bahawa pelayar lanjutan boleh menggunakan API JSON.parse() untuk menghuraikan rentetan JSON ke dalam data JSON Untuk pendekatan yang kurang sesuai, kita boleh menggunakan fungsi eval().

var str = '{"name": "hanzichi", "age": 10}';
var obj = eval('(' + str + ')');
console.log(obj); // Object {name: "hanzichi", age: 10}

Adakah anda perasan bahawa apabila menghantar parameter kepada eval(), pembolehubah str dibalut dalam kurungan? Mengapa melakukan ini?

Mari kita lihat dulu definisi dan penggunaan fungsi eval.

Parameter eval() ialah rentetan. Jika rentetan mewakili ungkapan, eval() menilai ungkapan tersebut. Jika hujah mewakili satu atau lebih perisytiharan JavaScript, maka eval() melaksanakan perisytiharan tersebut. Jangan panggil eval() untuk menilai ungkapan aritmetik secara automatik JavaScript menilai ungkapan aritmetik.

Ringkasnya, parameter fungsi eval ialah rentetan Jika rentetan itu ialah "noString", hasilnya akan menjadi pernyataan JavaScript biasa yang boleh dijalankan.

Bagaimana untuk mengatakan? Contohnya, kod berikut:

var str = "alert('hello world')";
eval(str);

"hello world" muncul selepas pelaksanaan. Kami menukar pembolehubah str menjadi "noString".

alert('hello world')

sangat bagus! Ini adalah pernyataan JavaScript biasa yang berfungsi! Jalankan!

Berbalik kepada soalan asal, mengapa rentetan JSON perlu dibalut dalam kurungan? Jika anda tidak menambahnya, ia akan kelihatan seperti ini:

var str = '{"name": "hanzichi", "age": 10}';
var obj = eval(str); // Uncaught SyntaxError: Unexpected token :

Nah, ralat telah dilaporkan. Mengapa ralat dilaporkan? Cuba tukar str kepada "noString" dan laksanakan:

{"name": "hanzichi", "age": 10}; 
// Uncaught SyntaxError: Unexpected token :

Tidak syak lagi bahawa objek atau objek JSON bukanlah pernyataan JavaScript boleh laku sama sekali! Tunggu, cuba kod berikut:

var str = '{name: "hanzichi"}';
var obj = eval(str);
console.log(obj); // hanzichi

Apa kejadahnya ini? Tetapi menambah "" pada nama mengembalikan ralat?

var str = '{"name": "hanzichi"}';
var obj = eval(str); // Uncaught SyntaxError: Unexpected token :
console.log(obj);

Baiklah, saya hampir pening sebenarnya, anda masih boleh "nostring" str untuk melihat sama ada ia adalah pernyataan JavaScript yang boleh dilaksanakan dengan betul. Hasil yang pertama ialah:

{name: "hanzichi"}

Ini sememangnya pernyataan JavaScript yang sah. {} Kami boleh menggunakannya bukan sahaja dalam senario seperti jika dan untuk pernyataan, tetapi juga pada bila-bila masa, kerana sebelum ES6 JavaScript hanya mempunyai skop peringkat blok, jadi tidak akan ada konflik dengan skop. Selepas mengalih keluar {}, nama: "hanzichi" juga merupakan pernyataan label. Pernyataan label sangat berguna untuk melompat keluar dari gelung bersarang , nama tidak boleh dipetik. Teg boleh diletakkan di mana-mana dalam kod JavaScript, walaupun ia tidak digunakan.

Setelah objek mempunyai dua kekunci, seperti {name: "hanzichi", umur: 10}, ok, dua pernyataan label? Anggap "hanzhichi" dan 10 sebagai pernyataan masing-masing, tetapi pernyataan hanya boleh disambungkan dengan nombor meterai! (Hanya koma boleh digunakan antara ungkapan). Jadi tidak mengapa untuk menukarnya kepada yang berikut:

var str = '{name: "hanzichi"; age: 10}';
var obj = eval(str); 
console.log(obj); // 10

Semakin kita pergi lebih jauh, punca ralat dalam kod pada permulaan artikel telah ditemui Mengapa ia boleh diselesaikan dengan meletakkan tanda kurung? Ringkasnya, () menukarkan pernyataan kepada ungkapan, dipanggil ungkapan pernyataan. Kod dalam kurungan akan ditukar kepada penilaian ekspresi dan dikembalikan Objek literal mesti wujud sebagai ungkapan.

Artikel ini tidak akan bercakap tentang ungkapan Satu perkara yang perlu diingat ialah ungkapan sentiasa mempunyai nilai pulangan. Kebanyakan ungkapan akan dibalut dengan (), dan kurungan tidak boleh kosong Jika terdapat berbilang ungkapan, dipisahkan dengan koma, yang dipanggil ungkapan koma, nilai yang terakhir akan dikembalikan.