Analisis mendalam tentang fungsi JSON.parse(), JSON.stringify() dan eval()_javascript kemahiran

"JSON (JavaScript Object Notation) ialah format pertukaran data yang ringan. Ia berdasarkan subset ECMAScript. Kerana ia menggunakan format teks bebas bahasa, ia juga menggunakan tabiat yang serupa dengan keluarga bahasa C, dan mempunyai Ini ciri menjadikan JSON sebagai bahasa pertukaran data yang ideal, yang mudah dibaca dan ditulis oleh manusia, dan juga mudah untuk dihuraikan dan dijana oleh mesin (biasanya digunakan untuk meningkatkan kadar penghantaran rangkaian).

Hari ini saya ingin bercakap secara ringkas tentang fungsi JSON.parse() dan JSON.stringify() dalam jquery, saya juga akan menyebut fungsi eval() dalam JS asli

(1) fungsi JSON.parse

Fungsi: Tukar rentetan Notasi Objek JavaScript (JSON) kepada objek.

Sintaks: JSON.parse(teks [, menghidupkan semula])

Parameter:

teks　Diperlukan. Rentetan JSON yang sah.

reviver Pilihan. Fungsi yang menukar hasil. Fungsi ini akan dipanggil untuk setiap ahli objek.

Nilai pulangan: objek atau tatasusunan

contoh:

var json = '{"name":"GDT","age":,"University":"GDUT"}';
var info = JSON.parse(json);　　//解析为JSON对象
document.write(info.name + ' is a student of ' + info.University + ' and he is ' + info.age + " years old."); /info为Object对象

(2) fungsi JSON.stringify()

Fungsi: Tukar nilai JavaScript kepada rentetan Notasi Objek JavaScript (JSON)

Sintaks: JSON.stringify( nilai [, pengganti] [, ruang])

Parameter:

nilai　Diperlukan, biasanya nilai JavaScript yang perlu ditukar (biasanya objek atau tatasusunan)

pengganti　Pilihan, fungsi atau tatasusunan yang digunakan untuk menukar hasil

ruang Pilihan. Menambahkan lekukan, ruang dan baris baharu pada teks JSON nilai pulangan untuk menjadikannya lebih mudah dibaca.

Nilai pulangan: rentetan yang mengandungi teks JSON

contoh:

var info = {name:"GDT",age:,University:"GDUT"};
var json = JSON.stringify(info); //转换为JSON字符串
document.write(json); //output为{"name":"GDT","age":23,"University":"GDUT"}

(3) fungsi eval()

Fungsi: Fungsi eval() boleh mengira rentetan dan melaksanakan kod JavaScript di dalamnya.

Sintaks: eval(rentetan)

Parameter:

rentetan　Diperlukan, rentetan untuk dinilai, yang mengandungi ungkapan JavaScript untuk dinilai atau pernyataan yang akan dilaksanakan.

Nilai pulangan: Kembalikan nilai rentetan yang dikira, jika ada (jika tidak, kembalikan tanpa sebarang perubahan)

contoh:

eval("x=;y=;document.write(x*y)"); //output为
document.write(eval("+"));　　//output为
var x=;
document.write(eval(x+));　　//output为

Gunakan fungsi eval() untuk menghuraikan rentetan JSON ke dalam objek. Fungsi ini boleh melengkapkan fungsi JSON.parse(), tetapi terdapat perbezaan Sila lihat kod berikut

// JSON.parse()
var json = '{"name":"GDT","age":,"University":"GDUT"}';
var info = JSON.parse(json);　　　 //解析为JSON对象
document.write(info); //output为[object Object]
//eval()
var json = '{"name":"GDT","age":,"University":"GDUT"}';
var info = eval('(' + json + ')'); //解析为JSON对象
document.write(info); //output为[object Object]

Saya tidak tahu sama ada anda perasan bahawa eval() juga menggunakan sepasang kurungan untuk membungkus rentetan saya menemui penjelasan yang lebih baik untuk ini:

Sebab: Ini disebabkan oleh masalah eval itu sendiri Memandangkan json bermula dan berakhir dengan "{}", dalam JS, ia akan diproses sebagai blok pernyataan, jadi ia mesti dipaksa untuk ditukar menjadi ungkapan .

Penyelesaian: Tujuan menambah kurungan adalah untuk memaksa fungsi eval menukar ungkapan dalam kurungan kepada objek semasa memproses kod JavaScript, dan bukannya melaksanakannya sebagai pernyataan. Sebagai contoh, ambil objek secara literal {}. Jika tiada kurungan luar ditambahkan, maka eval akan mengenali pendakap sebagai tanda permulaan dan penamat bagi blok kod JavaScript dan {} akan dianggap untuk melaksanakan pernyataan kosong. Sila lihat perbezaan dalam contoh berikut

alert(eval("{}")); // return undefined
alert(eval('('+'{}'+')')); // return object[Object] 

Selain itu, berbanding JSON.parse() dengan format penulisan yang ketat, eval() boleh menghuraikan sebarang rentetan eval tidak selamat kerana eval agak longgar dan mempunyai potensi masalah keselamatan. Contohnya, kod berikut:

var str = '{"a":"b"}';
document.write(eval("("+str+")")); //正常解析为对象
var str = '{"a": (function(){alert("I can do something bad!");})()}';
eval('('+str+')'); //可以用来执行木马脚本 

Jika pengguna berniat jahat menyuntik skrip yang memasukkan pautan Trojan ke dalam halaman ke dalam rentetan json, ia juga boleh dikendalikan dengan eval Walau bagaimanapun, anda tidak perlu risau tentang masalah ini dengan JSON.parse(). Ia boleh dilihat bahawa walaupun fungsi eval() sangat Berkuasa, tetapi tidak banyak peluang untuk benar-benar menggunakannya.

Sudah tiba masanya untuk ringkasan peribadi Ini adalah blog pertama saya dalam hidup saya. Ia dilahirkan pada hari Fool pada 1 April bahawa saya boleh melakukannya sekarang. Kumpul pengetahuan sedikit demi sedikit dan meletakkan asas yang baik untuk kejayaan masa depan, berjuang~