面向对象之简易通讯录

面向过程的通讯录，今天用面向对象写了个简单的通讯录，实现基本的增删查
效果图：

1.png

以下是html代码：

    

        
增：

            姓名：
            电话：
            
        
        
查：

            姓名：
            
        
        
删：

            姓名：
            
    

css代码

  .exchange{
        width: 300px;
        border: 1px solid black;
    }

js代码

  function PhoneBook(data){
            this.data = data;
        }
        //呈现数据的方法
        PhoneBook.prototype.showData = function(){
            var html = "";
            for(var i=0;i姓名是:${this.data[i].name} 电话是:${this.data[i].tel}
`;
            }
            document.getElementById("exchange").innerHTML = html;
        }
        //添加电话
        PhoneBook.prototype.addPhone = function(name,tel){
            var obj = {name,tel};
            this.data.push(obj);
        }
        //查找电话
        PhoneBook.prototype.getPhone = function(name){
            for(var i=0;i