今天把自己给坑了,在大型项目中,你能看出来坑在哪里吗?

以下情况,#demo1 永远不会变色,知道为什么吗?

这个把我坑惨了,在复杂的构造函数中很难找出原因,也说明了基础很重要,哦不,实战更重要。

coffee版

1
2
3
4
5
6
7
8
9
10
11
12
13
14
class Test1
constructor: (el) ->
@el = el
@set1()
@set2()

set1: ->
p = """<p>这是一个测试</p>"""
document.body.innerHTML += p

set2: ->
@el.style.background = 'blue'

demo1 = new Test1 document.querySelector('#demo1')

javascript版

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var Test1, demo1;

Test1 = (function() {
function Test1(el) {
this.el = el;
this.set1();
this.set2();
}

Test1.prototype.set1 = function() {
var p;
p = "<p>这是一个测试</p>";
return document.body.innerHTML += p;
};

Test1.prototype.set2 = function() {
return this.el.style.background = 'blue';
};

return Test1;

})();

demo1 = new Test1(document.querySelector('#demo1'));
时间: 2014年10月