面向对象(ES5,不好用,了解即可)

一: 构建唯一对象

1、属性与方法

var obj = {}; | var obj = new Object();
// 属性
obj.prop = "";
// 方法
obj.func = function () {}
// 删除属性与方法
delete obj.prop
delete obj.func

2、类字典结构使用

• 结构

var dict = {name: "zero", age: 18}

• 使用

dict.name | dict["my-name"] | dict.fn()

3. 示例

方法一:
    var dict = {
        name:'six',
        age:18,
        eat :function (food) {
            console.log(this.name + '吃' + food)
        }
    };
方法二:
    var dict={};
    dict.name='six';
    dict.age=18;
    dict.ent=function(food){
        console.log(this.name + '吃' + food)
    };

属性与方法的使用:
    console.log(dict['name']);
    console.log(dict.name);
    dict.eat('腰子汤')
增加属性:
    dict.key='valus';
删除属性:
    delect dict.key;

二.构建多个对象(构造函数)

1. 语法

    function People(name) {
        属性:
        this.name=name;
        方法:
        this.eat=function (food) {
            console.log(this.name+'正在吃'+food)
        }
    }
实例化:
    var p1 =new People('zero');
    var p2 =new People('seven');

本质就是一个普通的函数

2. 继承

// 父级
function Sup(name) {
    this.name = name;
    this.fn = function () {
        console.log('fn class');
    }
}
// 原型
console.log(Sup.prototype);
console.log(sup.__proto__);
// 子级
function Sub(name) {
    // 继承属性
    Sup.call(this, name);
}
// 继承方法
Sub.prototype = new Sup;
// 创建子级对象
var sub = new Sub("subClass");
// 使用属性
console.log(sub.name);
// 使用方法
sub.fn();

// 指向自身构造函数
Sub.prototype.constructor = Sub;