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:

penanda templat:

hasil:

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.