面试题（十）

字符串的替换问题

var str = 'my name is {$name}, I like {$hobby}';
var obj = {name: '小红', hobby: '看电影'};
//输出 my name is 小红, I like 看电影

答案

str.replace(/{\$(\w+)}/g, function(match, p1){
    return obj[p1];
})

结果

讨论

1. $符需要转义
2. 要添加g，使其全局匹配而不是只匹配一次
3. /正则表达式/

new冲突

完善下面代码已保证代码可以正确运行

function ArrayLike(){
    this.length = 0;
}
//补充code
var arr = new ArrayLike();
console.log(arr.length); //0
arr.push(5);
console.log(arr.length); //1
console.log(arr[0]); // 5

答案

解决方法有二

第一种方式
function ArrayLike(){
    this.length = 0;
    return new Array();
}
第二种方式
ArrayLike.prototype = new Array();

讨论

1. 第一种方式呢是直接返回一个Array实例。尽管new会返回一个对象，但是Array实例会覆盖他。
2. 第二种方式则是让ArrayLike继承Array，这样其实例就可以拥有Array的方法了。

优化代码问题

var divs = document.getElementsByTagName('div');
for(var i = 0; i < divs.length; i++) {
    if(document.addEventListener) {
        divs[i].addEventListener('click', function(){
            console.log('div');
        })
    } else if(document.attachEvent){
        divs[i].attachEvent('onclick', function(){
            console.log('div');
        })
    }
}

• addEventListener为DOM2，attachEvent为IE，需要添加DOM0的

divs[i]['onclick'] = function(){}

• 判断divs是否合法

if(divs!=null)

• 每次都读取divs的长度，将其保存在变量中

var length = divs.length

欢迎补充~~