function $(i) {return document.getElementById(i)} $代表什么

Question

今天学习的一个网站的代码的时候,发现这些代码看不懂,特来麻烦大家帮我解答下
function $(i) {return document.getElementById(i)} $代表什么
下面有$有两个又代表什么意思呢
function $$(e, p) {
    p = p || document;
    return p.getElementsByTagName(e)
}
下面这段代码中init: mv:...等等有带冒号的又代表什么意思了,我查了谷歌,百度,也没有查个所以然,所以麻烦大虾们解答下TINY.slideshow.prototype = {
    init: function (s, z, b, f, q) {
        s = $(s);
        var m = $$('li', s),
            i = 0,
            w = 0;
        this.l = m.length;
        this.q = $(q);
        this.f = $(z);
        this.r = $(this.info);
        this.o = parseInt(TINY.style.val(z, 'width'));
        if (this.thumbs) {
            var u = $(this.left),
                r = $(this.right);
            u.onmouseover = new Function('TINY.scroll.init("' + this.thumbs + '",-1,' + this.scrollSpeed + ')');
            u.onmouseout = r.onmouseout = new Function('TINY.scroll.cl("' + this.thumbs + '")');
            r.onmouseover = new Function('TINY.scroll.init("' + this.thumbs + '",1,' + this.scrollSpeed + ')');
            this.p = $(this.thumbs)
        }
        for (i; i < this.l; i++) {
            this.a[i] = {};
            var h = m[i],
                a = this.a[i];
            a.t = $$('h3', h)[0].innerHTML;
            a.d = $$('p', h)[0].innerHTML;
            a.l = $$('a', h)[0] ? $$('a', h)[0].href : '';
            a.p = $$('span', h)[0].innerHTML;
            if (this.thumbs) {
                var g = $$('img', h)[0];
                this.p.appendChild(g);
                w += parseInt(g.offsetWidth);
                if (i != this.l - 1) {
                    g.style.marginRight = this.spacing + 'px';
                    w += this.spacing
                }
                this.p.style.width = w + 'px';
                g.style.opacity = this.thumbOpacity / 100;
                g.style.filter = 'alpha(opacity=' + this.thumbOpacity + ')';
                g.onmouseover = new Function('TINY.alpha.set(this,100,5)');
                g.onmouseout = new Function('TINY.alpha.set(this,' + this.thumbOpacity + ',5)');
                g.onclick = new Function(this.n + '.pr(' + i + ',1)')
            }
        }
        if (b && f) {
            b = $(b);
            f = $(f);
            b.style.opacity = f.style.opacity = this.navOpacity / 100;
            b.style.filter = f.style.filter = 'alpha(opacity=' + this.navOpacity + ')';
            b.onmouseover = f.onmouseover = new Function('TINY.alpha.set(this,' + this.navHover + ',5)');
            b.onmouseout = f.onmouseout = new Function('TINY.alpha.set(this,' + this.navOpacity + ',5)');
            b.onclick = new Function(this.n + '.mv(-1,1)');
            f.onclick = new Function(this.n + '.mv(1,1)')
        }
        this.auto ? this.is(0, 0) : this.is(0, 1)
    },
    mv: function (d, c) {
        var t = this.c + d;
        this.c = t = t < 0 ? this.l - 1 : t > this.l - 1 ? 0 : t;
        this.pr(t, c)
    },
    pr: function (t, c) {
        clearTimeout(this.lt);
        if (c) {
            clearTimeout(this.at)
        }
        this.c = t;
        this.is(t, c)
    },
    is: function (s, c) {
        if (this.info) {
            TINY.height.set(this.r, 1, this.infoSpeed / 2, -1)
        }
        var i = new Image();
        i.style.opacity = 0;
        i.style.filter = 'alpha(opacity=0)';
        this.i = i;
        i.onload = new Function(this.n + '.le(' + s + ',' + c + ')');
        i.src = this.a[s].p;
        if (this.thumbs) {
            var a = $$('img', this.p),
                l = a.length,
                x = 0;
            for (x; x < l; x++) {
                a[x].style.borderColor = x != s ? '' : this.active
            }
        }
    },
    le: function (s, c) {
        this.f.appendChild(this.i);
        var w = this.o - parseInt(this.i.offsetWidth);
        if (w > 0) {
            var l = Math.floor(w / 2);
            this.i.style.borderLeft = l + 'px solid ' + this.letterbox;
            this.i.style.borderRight = (w - l) + 'px solid ' + this.letterbox
        }
        TINY.alpha.set(this.i, 100, this.imgSpeed);
        var n = new Function(this.n + '.nf(' + s + ')');
        this.lt = setTimeout(n, this.imgSpeed * 100);
        if (!c) {
            this.at = setTimeout(new Function(this.n + '.mv(1,0)'), this.speed * 1000)
        }
        if (this.a[s].l != '') {
            this.q.onclick = new Function('window.location="' + this.a[s].l + '"');
            this.q.onmouseover = new Function('this.className="' + this.link + '"');
            this.q.onmouseout = new Function('this.className=""');
            this.q.style.cursor = 'pointer'
        } else {
            this.q.onclick = this.q.onmouseover = null;
            this.q.style.cursor = 'default'
        }
        var m = $$('img', this.f);
        if (m.length > 2) {
            this.f.removeChild(m[0])
        }
    },
    nf: function (s) {
        if (this.info) {
            s = this.a[s];
            $$('h3', this.r)[0].innerHTML = s.t;
            $$('p', this.r)[0].innerHTML = s.d;
            this.r.style.height = 'auto';
            var h = parseInt(this.r.offsetHeight);
            this.r.style.height = 0;
            TINY.height.set(this.r, h, this.infoSpeed, 0)
        }
    }
};

Answer 1

var a$a = 1
alert(a$a);只不过是一个命名而已。

Answer 2

如果只是在javascript 中$只是代表一个命名而在别的地方就有不同的含义

Answer 3

JavaScript中合法的的变量或函数名是由字母，下划线或者$开头，由字母、下划线或$组成的。所以$,和$$只是一个变量或者是函数名而已。冒号（：）是在创建对象字面量时用来分割名值对的分隔符，如var objectLiteral = {
    name: "value"
};
// 你可以这样调用它
objectLiteral.name;// 返回值"value"