第六章 面向对象的程序设计

ECMA中有两种属性:数据属性和访问器属性

数据属性的特性

[[Configurable]]  表示是否通过delete删除属性,是否重新定义属性,是否能把属性修改为访问器属性

[[Enumerable]]  表示是否通过for-in循环返回属性

[[writable]]  表示是否修改属性的值

[[Value]]  包含这个属性的数据值,从这个属性里读取数据值

要修改属性默认的特效必须使用ECMAScript 5的Object.defineProperty()方法,它接收3个参数:属性所在的对象,属性的名字和描述符对象(上面的4个描述符对象的属性)

var person={};

Object.defineProperty(peron,"name",{

  writable:false,

  value:"Nicholas"

  });

alert(person.name);  //"Nicholas"

person.name="Greg";

alert(person.name);  //"Nicholas"

一旦把configurable设置为false,就不能改为true,此后只能更改writable属性

访问器属性

访问器属性不包含数据值;它们包含一对getter和setter函数(两个都不是必须的),有以下4个特性

[[Configurable]]  表示是否通过delete删除属性,是否重新定义属性,是否能把属性修改为数据属性

[[Enumerable]]  表示是否通过for-in循环返回属性

[[Get]]  读取属性时调用的函数,默认为undefined

[[Set]]  写入属性时调用的函数,默认为undefined

用Object.defineProperty()来定义

var book={

  _year:2004,

  edition:1

  };

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;

alert(book.edition);  //2

不一定要同时指定getter和setter,严格模式下写入只指定getter函数会抛出异常,非严格模式下返回undefined,反之亦然

定义多个属性 Object.defineProperties()方法

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;}

      }

    }

});

读取属性的特性 Object.getOwnPropertyDescriptor()方法

以以上为例

var descriptor=Object.getOwnPropertyDescriptor(book,"_year");

alert(descriptor.value);  //2004

alert(descriptor.configurable);  //false

工厂模式

function createPerson(name,age,job){

  var o =new Object();

  o.name=name;      

  o.age=age;

  o.job=job;

  o.sayName=function(){

      alert(this.name);

        };

  return o;

}

var person1=createPerson("Greg",25,"Doctor");

构造函数模式(自定义构造函数)

function Person(name,age,job){

  this.name=name;      

  this.age=age;

  this.job=job;

  this.sayName=function(){

      alert(this.name);

        };

}

var person1=new Person("Greg",25,"Doctor");

alert(person1 instanceof Person);  //true

alert(person1.constructor==Person);  //true

创建自定义的构造函数可以将它的实例标识为一种特定的类型,这是胜过工厂模式的地方

构造函数是比较特殊的函数,可以不使用new标识符(new其实就是在后台创建一个新对象),this就是指向当前作用域

Person("Greg",27,"Doctor");  //添加到window

window.sayName();  //"Greg"

可以使用call()、apply()

var o=new Object();

Person.call(o,"kristen",25,"Nurse");

o.sayName();  //"kristen"

构造函数模式缺点是每个方法都要在实例上创建一遍,所以每个实例里的同名函数都是不同的

原型模式

实例有一个prototype属性指向函数的原型对象,原型对象有一个constructor属性指向构造函数

person.prototype()

person.prototype.constructor()

可以通过isPrototypeOf()方法确定对象之间是否存在这种关系

alert(person.prototype.isPrototypeOf(person1));  //true

可以通过Object.getPrototypeOf()返回[[Prototype]]的值

alert(Object.getPrototype(person1)==person.prototype);  //true

在搜索一个对象的属性时,会先搜索实例,如没有再搜索原型,如有则屏蔽原型的属性,delete可以删除实例的属性,从而访问到原型中的属性

delete person1.name;

JavaScript高级程序设计12.pdf的更多相关文章

  1. JavaScript高级程序设计53.pdf

    共有的表单字段方法 每个表单字段都有两个方法:focus()和blur(),其中focus()用于将浏览器焦点设置到表单字段,激活表单字段.可以侦听页面的load事件 EventUtil.addHan ...

  2. JavaScript高级程序设计30.pdf

    第12章 DOM2和DOM3 DOM1级主要定义的是HTML和XML文档的底层结构.DOM2和DOM3则在这个结构的基础上引入了更多的交互能力,也支持更高级的XML特性 DOM2和DOM3级分为许多模 ...

  3. JavaScript高级程序设计21.pdf

    第10章 DOM DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口) IE中所有DOM对象都是以COM对象的形式实现的,这意味着IE中的对象与原生JavaScript对象 ...

  4. JavaScript高级程序设计61.pdf

    JSON对象 早期的JSON解析器就是使用JavaScript的eval()函数,ECMAScript5对解析JSON的行为做出了规定,定义了全局对象JSON. JSON对象有2个方法:stringi ...

  5. JavaScript高级程序设计60.pdf

    错误处理 try-catch语句 try{ //可能会导致错误的代码 }catch(error){ //在错误发生时如何处理 } error是一个包含着错误信息的对象,它有一个message属性,保存 ...

  6. JavaScript高级程序设计58.pdf

    15章 使用Canvas绘图 略 16章 HTML5脚本编程 HTML5规范了新的HTML标记和JavaScript API,以便简化创建动态Web界面的工作 跨文档消息传递 简称XDM,指来自不同域 ...

  7. JavaScript高级程序设计57.pdf

    表单序列化 首先了解一下浏览器如何将数据发送给服务器 对表单字段的名称和值进行URL编码,使用和号(&)分隔 不发送禁用的表单字段 只发送勾选的复选框和单选按钮 不发送type为“reset” ...

  8. JavaScript高级程序设计55.pdf

    输入模式 HTML5为文本字段新增了pattern属性,这个属性的值是一个正则表达式,用于匹配文本框中的值 例如,只想在允许在文本字段中输入数值 <input type="text&q ...

  9. JavaScript高级程序设计54.pdf

    过滤输入 对于一些浏览器,可以使用正则表达式里的text()测试用户按下的按键,Firefox和safari(3.1版本之前)会对向上向下.退格键和删除键触发keypress事件,在Firefox中, ...

随机推荐

  1. python基础知识十

    特殊的方法 在类中有一些特殊的方法具有特殊的意义,比如__init__和__del__方法,它们的重要性我们已经学习过了. 一般说来,特殊的方法都被用来模仿某个行为.例如,如果你想要为你的类使用x[k ...

  2. Android 读取txt文件并以utf-8格式转换成字符串

    博客: 安卓之家 微博: 追风917 CSDN: 蒋朋的家 简书: 追风917 博客园: 追风917 # 使用EncodingUtils 今天用到了城市选择三级联动的库,用的这个:https://gi ...

  3. Winedt 7.0 Build: 20120321 永久试用方法 WinEdt 7.0 破解

    该方法,不是破解. 因为WinEdt试用版与正式版功能无异. 所以,该方法是 通过更新注册表信息,重置安装时间. 也就是重新获取31天的试用期时长. 方法如下: 1.用管理员权限打开CMD. 2.运行 ...

  4. iBATIS缓存cacheModel属性浅析

    iBATIS缓存cacheModel属性的应用使得在Mapped Statement中缓存常用的数据,那么本文将会给你介绍iBATIS缓存cacheModel属性的信息. AD:2013云计算架构师峰 ...

  5. (转) c# ExecuteNonQuery() 返回值 -1

    这是之前我遇到问题,在网上找解决方法时找到的,当时复制到txt文档了,今天整理笔记又看到了,贴出来,便于以后查阅.原文的作者没记住~~ 查询某个表中是否有数据的时候,如果用ExecuteNonQuer ...

  6. 原生Javascript实现控制DIV属性

    写在前面: 从事前端工作已有一年之久,因为工作的性质,不太涉及JS方面,所以自己的JS水平一直处于小白阶段,工作闲暇之余,在网上找了一些小项目,希望练练手,促进自己成长.这是第一篇,后续还会有很多记录 ...

  7. js作用域链

    js作用域链 <script> var up = 555; function display(){ var innerVar = 2; function inner(){ var inne ...

  8. C/C++之Exercise

    一.C/C++之初学Demo---C++调用C.h文件使用实例: 工程结构: exercise.h code: #ifndef _EXERCISE_H_ #define _EXERCISE_H_ #i ...

  9. 修改hosts使用谷歌服务

    原文链接如下: http://www.findspace.name/res/72#_1

  10. TCPIP通信

    最近在开发TCPIP通信,封装了3个类,望各位大神指点指点. using System; using System.Collections.Generic; using System.Text; us ...