摘要：請(qǐng)寫一段程序，對(duì)這個(gè)數(shù)組按年齡從小到大進(jìn)行排序。我這邊如下實(shí)現(xiàn)中的會(huì)一直停留在內(nèi)存中。。。請(qǐng)寫出下面程序中幾個(gè)的結(jié)果我這邊打印如下請(qǐng)簡(jiǎn)述對(duì)的理解，并列舉一些架構(gòu)的框架。和碰撞的原理是什么。

1、請(qǐng)寫出下面 JS 程序中幾個(gè) alert 的結(jié)果：

var a = 100;
function fn() {
    alert(a);
    var a = 200;
    alert(a);
}
fn();
alert(a);
var a;
alert(a);
var a = 300;
alert(a);

自己去控制臺(tái)敲敲就知道了哈

2、請(qǐng)寫出以下程序的輸出

var obj1 = {name: "obj1", fn: function() {
    document.write(this.name);
}};
var obj2 = {name: "obj2"};
var obj3 = {name: "obj3"};
obj1.fn();
var newFn = obj1.fn;
newFn();
newFn.call(obj2);
obj3.fn = newFn;
obj3.fn();

自己去控制臺(tái)敲敲就知道了哈

3、一個(gè)數(shù)組 par 中存放有多個(gè)人員的信息，每個(gè)人員的信息由年齡 age 和姓名 name 組成，如{age: 2, name: "xx"}。請(qǐng)寫一段 JS 程序，對(duì)這個(gè)數(shù)組按年齡從小到大進(jìn)行排序。

我這邊如下實(shí)現(xiàn)：

function parSort(par) {
    return par.sort(function(arr1, arr2) {
        return arr1.age > arr2.age ? -1 : 1;
    });
}

4、有字符串 var = "abc345efgabcab"，請(qǐng)寫出 3 條 JS 語(yǔ)句分別實(shí)現(xiàn)如下 3 個(gè)功能：
1）去掉字符串中的a、b、c 字符，形成結(jié)果："345efg"
2）將字符串中的數(shù)字用中括號(hào)括起來(lái)，形成結(jié)果："abc3[5]efgabcab"
3）將字符串中的每個(gè)數(shù)字的值分別乘以 2，形成結(jié)果："abc6810efgabcab"

我這邊如下實(shí)現(xiàn)：

// 1)
str.replace(/([a-c])/g, "");
// 2)
str.replace(/(d)/g, "[$1]");
// 3)
str.replace(/(d)/g, function(num) {return num*2;});

5、請(qǐng)寫一段 JS 程序類，定義一個(gè)列表類List，該類包含兩個(gè)成員：屬性 length（表示列表中的元素個(gè)數(shù)）和方法 add （像列表中添加元素），其中要求構(gòu)造函數(shù)和 add 方法的參數(shù)為動(dòng)態(tài)參數(shù)。

我這邊如下實(shí)現(xiàn)：

function List() {
    this["_data"] = [];
    for (var ele in arguments) {
        this._data.push(arguments[ele]);
    }
    this.length = this._data.length;
}

List.prototype = {
    construct: List,
    add: function() {
        for (var ele in arguments) {
            this._data.push(arguments[ele]);
        }
        this.length = this._data.length;
    }
}

6、請(qǐng)問以前 JS 程序有什么問題？應(yīng)該如何優(yōu)化？

function setStyle(element) {
    element.style.fontWeight = "bold";
    element.style.textDecoration = "none";
    element.style.color = "#000000";
}

我這邊優(yōu)化如下：

function setStyle(element) {
    if (!element.style) {
        return;
    }
    var eleStyle = element.style;
    eleStyle.fontWeight = "bold";
    eleStyle.textDecoration = "none";
    eleStyle.color = "#000000";
}

7、請(qǐng)寫出一下正則表達(dá)式：
1）匹配一個(gè)全部是數(shù)字的字符串
2）提取一個(gè) url 所使用的協(xié)議類型如 http、ftp 和 host 名稱

我這邊實(shí)現(xiàn)如下：

// 1)
var str = "1234";
/^d+$/.test(str);
// 2)
var str = "http://yangbai.me";
str.match(/(([a-zA-Z]{3,5})://)?(www.)?([a-zA-Z\_-]+).([a-zA-Z]+)$/);

8、請(qǐng)使用閉包的方式，寫一段 JS 程序?qū)崿F(xiàn)如下功能：函數(shù)每調(diào)用一次則該函數(shù)的返回值加 1。

我這邊如下實(shí)現(xiàn)：

function A() {
    var count = 0;
    function B() {
        count++;
        return count;
    }
    return B;
}

var plus = A();
//A中的count會(huì)一直停留在內(nèi)存中。。。
plus();// 0
plus(); // 1
plus(); // 2

9、請(qǐng)寫出下面 JS 程序中幾個(gè) document.write 的結(jié)果：

function Parent() {
    this.a = 1;
    this.b = [1, 2, this.a];
    this.c = {demo: 5};
    this.show = function() {
        document.write(this.a + " " + this.c.demo + ":" + this.b + "
")
    }
}
function Child() {
    this.a = 2;
    this.change = function() {
        this.b.push(this.a);
        this.a = this.b.length;
        this.c.demo = this.a++;
    }
}
Child.prototype = new Parent();
var parent = new Parent();
var child1 = new Child();
var child2 = new Child();
child1.a = 11;
child2.a = 12;
parent.show();
child1.show();
child2.show();
child1.change();
child2.change();
parent.show();
child1.show();
child2.show();

我這邊打印如下：

1 5:1,2,1
11 5:1,2,1
12 5:1,2,1
1 5:1,2,1
5 5:1,2,1,11,12
6 5:1,2,1,11,12

10、請(qǐng)簡(jiǎn)述對(duì) MVC 的理解，并列舉一些 MVC 架構(gòu)的 js 框架。

來(lái)吧，各抒己見......

11、請(qǐng)用 js 程序?qū)崿F(xiàn)二分算法。

我這邊如下實(shí)現(xiàn)：

/**
 * 簡(jiǎn)單二分查找實(shí)現(xiàn)【數(shù)組必須有序】
 * @param  {[type]} arr   [description]
 * @param  {[type]} num   [description]
 * @param  {[type]} start [description]
 * @param  {[type]} end   [description]
 * @return {[type]}       [description]
 */
function binaryFind(arr, num, start, end) {
    start = start || 0;
    end = end || arr.length;
    var mid = Math.floor((start + end) / 2);
    var midVal = arr[mid];
    if (start >= end) {
        return false;
    }
    if (midVal === num) {
        return "arr[" + mid + "] = " + midVal;
    } else {
        if (midVal > num) {
            return binaryFind(arr, num, 0, mid);
        } else {
            return binaryFind(arr, num, mid+1);
        }
    }
}

12、有這樣一個(gè) URL：http://vip.qq.com/a.php?a=1&b...，請(qǐng)寫一段 JS 程序提取 URL 中的各個(gè)參數(shù)（參數(shù)名和參數(shù)個(gè)數(shù)不確定），將其按 key-value 形式返回到一個(gè) json 結(jié)構(gòu)中，如{a:"1",b:"2",c:"",d:"xxx",e:undefined}。

我這邊實(shí)現(xiàn)如下：

/**
 * 解析url參數(shù)為對(duì)象 
 * @param  {[type]} url [description]
 * @return {[type]}     [description]
 */
function parseUrl(url) {
    url = url.toString();
    var ret = {};
    var urlArr = url.split("?");
    if (urlArr.length < 2) {
        return ret;
    }
    var paramsArr = urlArr[1].split("&");
    var len = paramsArr.length;
    for (var i=0; i 1 ? arr[1] : undefined;
    }
    return ret;
}

13、XSS 原理是什么？怎么防范呢？請(qǐng)寫一個(gè)攻擊和防御的例子。CSRF 和 hash 碰撞的原理是什么。怎么防范。

來(lái)吧，各抒己見......

14、請(qǐng)列舉前端可以采取的常見優(yōu)化方式

來(lái)吧，各抒己見......

15、請(qǐng)列舉你所了解的跨域?qū)崿F(xiàn)方法

來(lái)吧，各抒己見......