آموزش Computed Observableها در Knockout.js

رمز فایل :tahlildadeh.com

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده می باشد و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد .

Computed Observableها در Knockout.js

مقدمه

Computed Observableها در Knockout.js، توابعی هستند که به یک یا چند Observable دیگر وابستگی دارند و وقتی observableهای پایه شان تغییر کنند، به صورت خودکار بروزرسانی می شوند. یک Computed Observable از یک یا چند Observable دیگر مشتق شده است، بنابراین Computed Observableها فقط خواندنی هستند. یک computed observable قابل نوشتن (writable computed observable) دقیقاً مثل یک observable معمولی، با قوانین دلخواه جهت خواندن و نوشتن، استفاده می شود.

Pure Computed Observables

اگر یکسری محسبات ساده در Computed Observable انجام شود و یک مقداری را برگرداند و همزمان یک عملیات بروزرسانی انجام دهد، می تواند به عنوان Pure Computed observable در نظر گرفته شود. از Pure Computed observablesها در Knockout برای مدیریت مصرف حافظه به صورت موثر و قابل ارزیابی مجدد، استفاده می شود.

برخی از ویژگی های Computed Observableها عبارتند از:

ko.isComputed

ko.isObservable

ko.isWritableObservable

 Observable قابل نوشتن (Writable Observable)

همانطور که می دانیم Computed Observableها فقط خواندنی هستند. اما می توان آنها را قابل نوشتن هم کرد. برای این منظور، باید یک callback function فراهم کنیم که عملیات نوشتن در مقادیر را انجام دهد.

مرحله 1

Visual Studio را باز کنید.

مرحله 2

باید یک Web Site ایجاد کنیم. بر روی گزینه File>New>Web Site کلیک کنید.

مرحله 3

در این مرحله باید کتابخانه Knockout.js را به website اضافه کنیم. به همین منظور بر روی  website راست کلیک کرده و NuGet Package را انتخاب می کنیم.

مرحله 4

پس از اضافه کردن کتابخانه Knockout.js بر روی web site راست کلیک کرده و یک web form به website اضافه می کنیم.

مرحله 5

حالا باید کد Computed Observableها را بنویسیم.

در این کد از دو observable و یک Computed Observable استفاده می کنیم تا نشان بدهیم چطور Computed Observableها وابسته به یک یا چند Observable کار می کنند و مقادیر 30 و 40 را به پارامترها ارسال می کنیم.

در این تصویر سعی دارم وابستگی Computed Observable ها به Observable های معمولی را نشان دهم.

مرحله 6

پس از نوشتن کد، website را با کلید F5 اجرا می کنیم. پنجره زیر نمایش داده می شود:

مرحله 7

اگر تغییراتی را در Observable اول ایجاد کنیم، Computed Observable یا همان مقدار میانگین، به صورت خودکار تغییر می کند. به این ترتیب نشان داده می شود که Computed Observable وابسته به observableها است.