JavaScript面向对象及原型 及setTimeout

JavaScript面向对象

最笨的写法:

function Foo(n) {
    this.name = n;
    this.sayName = function() {
        console.log(this.name);
    }
}

var obj1 = new Foo("we");
obj1.name
obj1.sayName()

var obj2 = new Foo("wee");
obj2.name
obj2.sayName()

如果仔细观察，会发现一个缺点，就是sayName的方法重复定义，浪费内存空间。只需要定义一次方法就行
a、this代指对象（Python  self）
b、创建对象时，new 函数()

改造为：
JavaScript原型

function Foo(n) {
    this.name = n;
}
#Foo就是原型，只创建一次方法
Foo.prototype = {
    'sayName': function() {
         console.log(this.name);
     }
}

var obj1 = new Foo("we");
obj1.sayName()
var obj2 = new Foo("wee");
obj2.sayName()

这样调用sayName()，只定义了一次

Python面向对象

Python是这样写(sayName只创建一次)：

   class Foo:
        def __init__(self, name):
            self.name = name

        def sayName(self):
            print(self.name)

obj1 = Foo("we")
obj2 = Foo("wee")

setInterval
clearInterval
永远执行

setTimeout
clearTimeout
只执行一次

举例：
function deleteEle() {
    setTimeout(function() {
        document.getElementById("status").innerText = "已删除"
    }, 5000)
}

innerText只包含文字
innerHtml不仅包含文字，还包含标签