字符串的替换问题
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];
})
结果
讨论
- $符需要转义
- 要添加g,使其全局匹配而不是只匹配一次
- /正则表达式/
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();
讨论
- 第一种方式呢是直接返回一个Array实例。尽管new会返回一个对象,但是Array实例会覆盖他。
- 第二种方式则是让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
欢迎补充~~