面向?qū)ο?ES5,不好用,了解即可)

一: 構(gòu)建唯一對(duì)象

1、屬性與方法

var obj = {}; | var obj = new Object();
// 屬性
obj.prop = "";
// 方法
obj.func = function () {}
// 刪除屬性與方法
delete obj.prop
delete obj.func

2、類字典結(jié)構(gòu)使用

  • 結(jié)構(gòu)
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;

二.構(gòu)建多個(gè)對(duì)象(構(gòu)造函數(shù))

1. 語(yǔ)法

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

本質(zhì)就是一個(gè)普通的函數(shù)

2. 繼承

// 父級(jí)
function Sup(name) {
    this.name = name;
    this.fn = function () {
        console.log('fn class');
    }
}
// 原型
console.log(Sup.prototype);
console.log(sup.__proto__);
// 子級(jí)
function Sub(name) {
    // 繼承屬性
    Sup.call(this, name);
}
// 繼承方法
Sub.prototype = new Sup;
// 創(chuàng)建子級(jí)對(duì)象
var sub = new Sub("subClass");
// 使用屬性
console.log(sub.name);
// 使用方法
sub.fn();

// 指向自身構(gòu)造函數(shù)
Sub.prototype.constructor = Sub;
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容