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

来源:互联网 发布:数据库的三范式 编辑:程序博客网 时间:2024/04/30 16:37

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); //2004console.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