• توابع خط فرمان - Command Line API
• توابع کنسول - Console API

• $(id)
  
  معادل دستور document.getElementById است که یک المنت با id داده شده بر می‌گرداند .
  

  $("first");

  نتیجه :

  

• $$(selector)
  
  
  آرایه ای از المنت‌های مطابق با selector داده شده بر می‌گرداند .
  

  $$("div.content")

  نتیجه :
  

  

  به تفاوت دو دستور توجه کنید . خروجی دستور اول ، یک المنت است و خروجی دستور دوم یک آرایه از المنت که بین [ و ] قرار گرفته اند .

  برای آشنایی بیشتر با CSS Seletor‌ها به این لینک مراجعه کنید : http://www.w3.org/TR/css3-selectors
  
  

• $x(xPathExpression)
  
  آرایه ای از المنت هایی را بر می‌گرداند که با xPath داده شده مطابقت داشته باشند .
  

  var objects = $x("html/body/div[2]/a")
  
  for(var i = 0; i < objects.length; i++) {
     console.log(objects[i]);
  }

  نتیجه :
  

  

  برای آشنایی بیشتر با عبارات xPath به این لینک مراجعه کنید : http://www.w3schools.com/xpath
  
  
• dir(object)
  
  تمام خصوصیات شیء ارسال شده را لیست می‌کند .
  

  var objects = $x("html/body/div[2]/a")
  
  dir(objects);

  نتیجه :
  

  

• dirxml(node)
  
  سورس یک المنت را بصورت درختواره ( tree ) پرینت می‌کند . همچنین با کلیک بروی هر node ، فایرباگ آن node را در تب html نمایش می‌دهد .
  

  var node = $("first");
  dirxml(node);

  نتیجه :
  

  

  توجه کنید که این دستور فقط یک node دریافت می‌کند . برای همین اگر از دستور $$("#first") استفاده می‌کنید ، چون این دستور یک آرایه بر می‌گرداند ، باید اولین عضو آرایه را دریافت و ارسال کنید .
  یعنی :
  

  var node = $$("#first")[0];
  dirxml(node);

• clear()
  
  این دستور محیط console را خالی می‌کند . عملکرد این دستور معادل کلیک دکمه‌ی Clear ( در بالا - چپ تب کنسول ) است .
  
  
• inspect(object[,tabName])
  
  توسط این دستور می‌توانید یک شیء را در مناسب‌ترین تب فایرباگ یا یکی از تب‌های مورد نظر خود ، Inspect کنید .
  

  var node = $("first");
  
  inspect(node); // inspect in html tab
  inspect(node,'dom'); // inspect in dom tab

• keys(object)
  
  آرایه ای از "نام" تمام خصوصیات شیء ارسال شده بر می‌گرداند .
  

  var obj = $("first");
  keys(obj)

• values(object)
  
  آرایه ای از "مقدار" تمام خصوصیات شیء ارسال شده بر می‌گرداند .
  

  var obj = $("first");
  values(obj)

• debug(fn) and undebug(fn)
  
  این متدها یک BreakPoint در ابتدای تابع مشخص شده اضافه/حذف می‌کنند . ( در تب Script ) . به همین ترتیب هنگامی که تابع مورد نظر فراخوانی شود ، در نقطه ای که BreakPoint قرار داده شده توقف خواهد کرد .
  البته می‌شود BreakPoint را دستی هم قرار داد . در اصل این تابع ، این عملیات را ساده‌تر می‌کند .
  

  debug(myFunc);
  myFunc();
  undebug(myFunc);

• monitor(fn) and unmonitor(fn)
  
  این متدها برای فعال/غیرفعال کردن Logging فراخوانی‌های یک تابع استفاده می‌شوند .
  در حالت عادی برای پی بردن به اینکه یک تابع اجرا می‌شود یا نه ، در تابع مورد نظر یک alert قرار می‌دهیم و تست می‌کنیم . که این روش در برنامه برنامه‌های بزرگ صحیح نیست . زیرا در این حالت باید بین حجم زیادی کد به دنبال تابع مورد نظر بگردیم  و سپس alert را قرار بدهیم و بعد اطمینان از صحت عملکرد تابع مجدد آن را حذف کرد ، که با اتلاف زمان و به خطر انداختن کدها همراه است .
  اما با استفاده از این متدها ، تنها نیاز به داشتن اسم تابع داریم ( و نه مکان تابع در کدهای برنامه ) .
  تست monitor :
  

  monitor(myFunc);
  // now click on "Run myFunc" button

  تست unmonitor :
  

  unmonitor(myFunc);
  // now click on "Run myFunc" button

• monitorEvents(object[, types]) and unmonitorEvents(object[, types])
  
  این متدها عملیات Event Logging برای یک شیء را فعال/غیرفعال می‌کنند . در کنار شیء مورد نظر ، می‌توان نوع رویداد را هم به متد ارسال کرد . در این صورت عملیات Logging فقط برای همان گروه رویداد/رویداد ، فعال/غیرفعال می‌شود .
  منظور از گروه رویداد ، مجموعه رویداد‌های یک شیء است . مثلا mousemove , moseover , mousedown , ... در گروه mouse قرار می‌گیرند . یعنی می‌توانید با ارسال کلمه‌ی mouse فقط رویدادهای mouse را تحت نظر بگیرید یا اینکه فقط یک رویداد را مشخص کنید ، مثل mousedown .
  راه ساده‌تر فعال کردن Event Logging ، رفتن به تب Html ، راست کلیک کردن بروی المنت مورد نظر و فعال کردن گزینه‌ی Log Events می‌باشد .
  

  var obj = $("myInput");
  monitorEvents(obj,'keypress');

  نتیجه پس از فشردن چند دکمه‌ی کیبورد در myInput :
  
  توضیحات بیشتر : http://getfirebug.com/wiki/index.php/MonitorEvents

• profile([title]) and profileEnd()
  
  این متدها ، JavaScript Profiler را فعال/غیرفعال می‌کنند . هنگام فعال کردن می‌توانید یک عنوان هم برای پروفایل مشخص کنید . در قسمت قبلی مقاله در مورد این قابلیت توضیحاتی ارائه شد .
  سه را برای اجرای Profiler وجود دارد :
  1 - کلیک بروی دکمه‌ی Profiler در بالای تب کنسول .
  2 - استفاده از کد console.profile("ProfileTitle") در کدهای جاوا اسکریپت .
  3 - استفاده از متد profile("Profile Title") در خط فرمان .
  
  

  profile("myFunc Testing");
  myFunc();
  profileEnd();

  نتیجه :
  

  
  
  ستون‌های Profiler :

  Function : نام تابع اجرا شده .
  Calls : تعداد دفعات فراخوانی تابع .
  Percent : زمان اجرای تابع در زمان کل ، به درصد .
  Own Time : زمان اجرای تابع به تنهایی . برای مثال در کد ما ، زمان اجرای تابع myFunc به تنهایی تقریبا صفر است زیرا عمیاتی در خود انجام نمی‌دهد و زمان صرف شده در این تابع ، برای اجرای 2 با تابع loop است . این زمان ( Own Time ) زمان اجرای تابع ، منهای زمان صرف شده برای فراخوانی توابع دیگر است .
  Time : زمان اجرای تابع از نقطه‌ی آغاز تا پایان . مجموع زمان اجرای خود تابع به همراه زمان اجرای توابع فراخوانی شده . در کد ما ، این زمان ، مجموع زمان اجرای خود تابع به همراه دو بار فراخوانی تابع loop است .
  Avg : میانگین زمان اجرای هربار تابع . فرمول : Avg = Time / Calls
  Min & Max : حداقل و حداکثر زمان اجرای تابع .
  File : نام فایل و شماره خطی که تابع در آن قرار دارد .
  

using System.Web.Mvc;

namespace MvcApplication1.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Country = "Iran";
            return View();
        }
    }
}

@{
    ViewBag.Title = "Index";
}
<h2>
    Index</h2>
<p>
    Country : @ViewBag.Country
</p>

namespace MvcApplication1.Models
{
    public class Employee
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string Email { get; set; }
    }
}

using System.Web.Mvc;
using MvcApplication1.Models;

namespace MvcApplication1.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Country = "Iran";

            var employee = new Employee
            {
                 Email = "name@site.com",
                 FirstName = "Vahid",
                 LastName = "N."
            };

            return View(employee);
        }
    }
}

ViewResult View(Object model)
ViewResult View(string viewName, Object model)
ViewResult View(string viewName, string masterName, Object model)

@{
    ViewBag.Title = "Index";
}
<h2>
    Index</h2>
<div>
    Country: @ViewBag.Country <‪br />
    FirstName: @Model.FirstName
</div>

@model MvcApplication1.Models.Employee
@{
    ViewBag.Title = "Index";
}
<h2>
    Index</h2>
<div>
    Country: @ViewBag.Country
    <‪br />
    FirstName: @Model.FirstName
</div>

using System.Collections.Generic;

namespace MvcApplication1.Models
{
    public class Employees 
    {
        public IList<Employee> CreateEmployees()
        {
            return new[]
                {
                    new Employee { Email = "name1@site.com", FirstName = "name1", LastName = "LastName1" },
                    new Employee { Email = "name2@site.com", FirstName = "name2", LastName = "LastName2" },
                    new Employee { Email = "name3@site.com", FirstName = "name3", LastName = "LastName3" }
                };
        }
    }
}

public ActionResult List()
{
    var employeesList = new Employees().CreateEmployees();
    return View(employeesList);
}

public ViewDataDictionary ViewData { get; set; }

using System;
using System.Web.Mvc;

namespace MvcApplication1.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewData["DateTime"] = "<‪br/>" + DateTime.Now;
            return View();
        }
    }
}

@{
    ViewBag.Title = "Index";
}
<h2>
    Index</h2>
<div>
    DateTime: @ViewData["DateTime"]
</div>

@Html.Raw(myString)

<div>@MvcHtmlString.Create("<h1>HTML</h1>")</div>

public TempDataDictionary TempData { get; set; }

using System;
using System.Web.Mvc;

namespace MvcApplication1.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult InsertData(string name)
        {
            // Check for input errors.
            if (string.IsNullOrWhiteSpace(name))
            {
                TempData["error"] = "name is required.";
                return RedirectToAction("ShowError");
            }
            // No errors
            // ...
            return View();
        }

        public ActionResult ShowError()
        {
            var error = TempData["error"] as string;
            if (!string.IsNullOrWhiteSpace(error))
            {
                ViewBag.Error = error;
            }
            return View();
        }
    }
}

@{
    ViewBag.Title = "ShowError";
}

<h2>Error</h2>

@ViewBag.Error

'MvcApplication1.Models.Employee' does not contain a definition for 'FirstName1' 
and no extension method 'FirstName1' accepting a first argument of type 'MvcApplication1.Models.Employee'
could be found (are you missing a using directive or an assembly reference?)
d:\Prog\MvcApplication1\MvcApplication1\Views\Home\Index.cshtml 10 MvcApplication1

<div class="row">
    <div class="col-md-4 col-md-push-4">
        <div class="alert alert-danger">B</div>
    </div>
    <div class="col-md-4 col-md-pull-4 col-sm-6">
        <div class="alert alert-info">A</div>
    </div>
    <div class="col-md-4 col-sm-6">
        <div class="alert alert-info">C</div>
    </div>
</div>

<InputText @bind-Value="employee.FirstName" />

[Parameter] public string Value { set; get; }

[Parameter] public EventCallback<string> ValueChanged { get; set; }

[Parameter] public Action<string> ValueChanged { get; set; }

[Parameter] public Expression<Func<string>> ValueExpression { get; set; }