Web Development

// A simple templating method for replacing placeholders enclosed in curly braces.
if (!String.prototype.supplant) {
    String.prototype.supplant = function (dataObject) {
        return this.replace(
            /{([^{}]*)}/g, // The regular expression to match (see links below)
            function (wholeMatch, propertyName) {
                var dataValue = dataObject[propertyName];
                return typeof dataValue === 'string' || typeof dataValue === 'number' 
                    ? dataValue 
                    : wholeMatch;
            }
        );
    };
}

var displayStock = formatStock(stock);

$row = $(rowTemplate.supplant(displayStock));

var displayStock = formatStock(stock),
    $row = $(rowTemplate.supplant(displayStock));

var ticker = $.connection.stockTickerMini; // the generated client-side hub proxy
var up = '▲';
var down = '▼';
var $stockTable = $('#stockTable');
var $stockTableBody = $stockTable.find('tbody');
var rowTemplate = '<tr data-symbol="{Symbol}"><td>{Symbol}</td><td>{Price}</td><td>{DayOpen}</td><td>{Direction} {Change}</td><td>{PercentChange}</td></tr>';

$(function(){
    var foo = 42;
    
    function bar(){
        alert(foo); // 42
    }
    
    bar();
    
    (function(){
        alert(foo); // 42
    })();
    
    $("form").on("submit", function(){
        alert(foo); // 42
    });
    
    alert(foo); // 42
});

alert(foo); // undefined

function formatStock(stock) {
    return $.extend(stock, {
        Price: stock.Price.toFixed(2),
        PercentChange: (stock.PercentChange * 100).toFixed(2) + '%',
        Direction: stock.Change === 0 ? '' : stock.Change >= 0 ? up : down
    });
}

function formatStock(stock) {

    stock.Price: stock.Price.toFixed(2);
    stock.PercentChange: (stock.PercentChange * 100).toFixed(2) + '%';
    stock.Direction: stock.Change === 0 ? '' : stock.Change >= 0 ? up : down;

    return stock;
}