JavaScript高级编程(二)-面向对象程序设计

ECMAScript中没有类的概念,所有这个面向对象和一般的面向对象还有点不同;对象的定义是:无序属性的集合,其属性可以包含基本的值,对象,或者函数。

js中的面向对象

属性

属性的类型包含两种:数据属性和访问器属性
数据属性

  • Configurable(true|false)是否允许delete删除属性,默认true
  • Enumerable(true|false)是否允许for-in遍历
  • Writeable(true|false)能否修改这个值
  • value包含这个属性的数据值

如何修设置数据属性:Object.defineProperty(arg1,arg2,arg3)方法
arg1:对象名称
agr2:属性名称
arg3:配置(字面量)

var person = {};
Object.defineProperty(person, "name", {
    writable: false,
    value: "Nicholas"
});
console.log(person.name); //"Nicholas"
person.name = "Greg";
console.log(person.name); //"Nicholas"

访问器属性默认undifined
-Get 访问属性时调用
-Set 设置属性时调用

var book = {
    _year: 2004,
    edition: 1
};
//修改book的属性配置
Object.defineProperty(book, "year", {
    get: function() {
        return this._year;
    },
    set: function(newValue) {
        if (newValue > 2004) {
            this._year = newValue;
            this.edition += newValue - 2004;
        }
    }
});
book.year = 2005;
console.log(book.edition); //2

不是必须要同时设置Get和Set

配置多个属性

Object.defineProperties(arg1,arg2)//设置
Object.getOwnPropertyDescriptor(objName,FildeName );//获取
arg1:对象名
arg2:配置(字面量)

var book = {};
Object.defineProperties(book, {
    _year: {
        value: 2004
    },
    edition: {
        value: 1
    },
    year: {
        get: function() {
            return this._year;
        },
        set: function(newValue) {
            if (newValue > 2004) {
                this._year = newValue;
                this.edition += newValue - 2004;
            }
        }
    }
});
var descriptor = Object.getOwnPropertyDescriptor(book, "_year");
console.log(descriptor.value); //2004
console.log(descriptor.configurable); //false

创建对象

之前所提到的三种引用类型Array,Object,Function有时候被称为对象定义,类似于java中的,然而es中并没有类的定义
对象就是这个类型的实例,新对象使用的是:
new+构造函数创建的

// use Object create 对象
var obj = new Object();
obj.name='geguo';

// 字面量
var obj = {
    name:'geguo',
    age:18
}

Function类型:每个函数都是Function类型的实例,所以说函数都是对象。
函数名就是指向函数对象的指针;
函数通常使用函数声明的方式定义的;

因为函数名是指针,所以一个函数可以有多个函数名,这些函数名共同指向同一个函数对象;

<script type="text/javascript">

    function sun(num1,num2){
    return num1+num2;
}
// 函数名代表指针
var another = sun;

console.log(sun(10,10));
console.log(another(10,10));

// 让函数指针指空
sun=null;

console.log(another(10,10));

函数名代表指针
函数名()表示函数调用

工厂模式

构造函数模式

原型模式

继承

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值