會js與jq的後端開發如何愉快的轉前端：第二篇-第一節：es6-物件導向-把oop玩出花-建構函式和原型

1.建構函式和原型

2.繼承

3.ES5 中的新增方法

1. 利用 new Object() 建立物件

var obj1 = new Object();

2. 利用 物件字面量建立物件

var obj2 = {};

3. 利用建構函式建立物件

function Star(uname, age) {
    this.uname = uname;
    this.age = age;
    this.sing = function() {
        console.log('我會唱歌');

        }
    }

4. 呼叫演示

var dmm = new Star('大冪冪', 18);
var bobo = new Star('波波', 19);
console.log(dmm);
dmm.sing();
bobo.sing();

結果：

建構函式中的屬性和方法我們稱為成員, 成員可以新增

function Star(uname, age) {
    this.uname = uname;
    this.age = age;
    this.sing = function() {
        console.log('我會唱歌');

        }
}

如何訪問例項成員

例項成員只能通過例項化的物件來訪問

var bo = new Star('bo', 18);

// 1.例項成員就是建構函式內部通過this新增的成員 uname age sing 就是例項成員

console.log(bo.uname);

bo.sing();

// console.log(Star.uname); // 不可以通過建構函式來訪問例項成員

ps:不可以通過建構函式來訪問例項成員

靜態成員

靜態成員 在建構函式本身上新增的成員

如下sex 就是靜態成員

Star.sex = '男';

靜態成員的訪問

靜態成員只能通過建構函式來訪問

console.log(Star.sex);
console.log(bo.sex); // 不能通過物件來訪問

本作品採用《CC 協議》，轉載必須註明作者和本文連結