Pengenalan kepada JsRender untuk kemahiran objek syntax_javascript

Artikel ini menerangkan secara ringkas sintaks asas JsRender untuk objek. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Sebagai enjin templat JavaScript, JsRender mesti mempunyai fungsi gelung, iaitu, untuk Walau bagaimanapun, kerana JsRender terlalu fleksibel, kerana sebenarnya boleh menerima objek sebagai objek gelung.

{{untuk Array}} dan {{for Object}} kedua-duanya dibenarkan Semua orang boleh memahami {{for Array}}, iaitu merentasi tatasusunan dan mengeluarkan setiap elemen satu demi satu. Tetapi {{untuk Objek}} agak mengelirukan, dan dokumen rasmi hanya memberikan contoh yang tidak membantu tanpa sebarang penjelasan lain.

Pada mulanya Xiaocai berpendapat bahawa {{untuk Objek}} bertujuan untuk merentasi semua sifat Objek, tetapi selepas memikirkannya dengan teliti, fungsi {{Props Object}} ini telah dilaksanakan adalah untuk melintasi semua sifat Objek Terdapat seberapa banyak atribut yang terdapat pada gelung Setiap gelung akan mempunyai dua atribut tersembunyi: kunci dan kunci mewakili nama atribut dan prop mewakili nilai atribut .

Sebenarnya, {{for Object}} bukanlah gelung Ia boleh difahami sebagai memasuki (Ke dalam), yang bermaksud memasuki persekitaran Objek dan menetapkan konteks semasa kepada Objek, serupa dengan dalam Handlebars.js .

Contohnya:

data:

Salin kod Kod adalah seperti berikut:

{
"title": "The A team",
"ahli": [
          {
"nama": "Pete",
"city": "members_city",
"alamat": {
"bandar": "alamat_bandar",
"city1": "address_city1",
"city2": "address_city2"
}
}
]
}

penanda templat:

Salin kod Kod adalah seperti berikut:

{{untuk ahli}}
{{untuk alamat}}

.{{:city}}

{{/untuk}}
{{/untuk}}

hasil:

Salin kod Kod adalah seperti berikut:

address_city

Dapat dilihat daripada keputusan bahawa walaupun terdapat juga atribut bandar di bawah item ahli, kerana ia memasuki Objek yang ditunjuk oleh alamat melalui {{untuk alamat}}, {{:city}} diperoleh terus daripada alamat.

Pada masa yang sama, alamat mempunyai tiga atribut, tetapi hasilnya hanya mengeluarkan satu baris, yang membuktikan bahawa {{untuk Objek}} tidak gelung, ia hanya menukar ini.

Saya harap artikel ini akan membantu pembelajaran semua orang tentang pengaturcaraan JsRender.