JavaScript高级程序设计13.pdf
使用hasOwnProperty()方法检测一个属性存在实例还是原形中,当属性存在对象实例中时,返回true
alert(person1.hasOwnProperty("name")); //false 来自原型
原型和in操作符
单独使用和for-in中,单独使用时无论属性存在于实例中还是原型中都返回true
ECMAScript 5的Object.keys()方法,接收一个对象作为参数,返回一个包含所有可枚举属性的字符串数组(参数是实例则返回实例的属性,是原型则返回原型的属性)
var keys=Object.keys(Person.prototype);
alert(keys); //"name,age,job,sayName"
得到所有实例属性,无论它是否可枚举用Object.getOwnPropertyNames()方法
var keys=Object.getOwnPropertyNames(Person.prototype);
alert(keys);
用一个包含所有属性和方法的对象字面量来重写整个原型对象
function Person(){};
Person.prototype={
name:"Nicholas",
age:29,
job:"Software Engineer",
sayName:function(){
alert(this.name);
}
};
因为我们完全重写了原型对象,因此它的constructor属性不再指向Person了,而是指向Object构造函数,此时通过constructor已经无法确定对象的类型了
var friend=new Person();
alert(friend instanceOf Object); //true继承自Object
alert(friend instanceOf Person); //true
alert(friend.constructor ==Person); //false
alert(friend.constructor ==Object); //true
如果constructor的值很重要
function Person(){}
Person.prototype={
constructor:Person,
name:"Nicholas"
}; //注意,这样操作以后会导致它的[[Enumerable]]特性设置为true,变为可枚举属性
//重写prototype
Person.prototype={
name:"Nicholas",
age:29
};
//添加prototype属性
Person.prototype.sayHi=function(){
alert("hi");
};
由于原型的动态性,我们对原型的任何修改能在实例中反映出来
通过构造函数创建一个实例后,这个实例的[[Prototype]]指针指向最初原型,如果重写整个原型对象会切断这个实例与原型之间的联系,造成错误
原型模式的重要性不见体现在创建自定义类型方面,原生引用类型(Object、Array、String)等等都在其构造函数的原型上定义了方法
alert(typeof Array.prototype.sort); //"function"
可以自定义方法
String.prototype.startsWith=function (text){
return this.indexOf(text)==0;
};
var msg="hello world!";
alert(msg.startsWith("hello")); //true
原型模式的共享是一个优点,却也是一个问题,假如我们通过实例修改原型那么另一个指向这个原型的实例也会反应出这样的修改
组合使用构造函数模式和原型模式,构造函数模式存私有属性,原型模式存共有属性
function Person(name,age,job){
this.name=name;
this.age=age;
this.job=job;
this.friend=["ShelBy","Court"];
}
Person.prototype={
constructor:Person,
sayName:function(){
alert(this.name);
}
}
var person1=new Person("Nicholas",29,"Software Engineer");
var person2=new Person("Greg",27,"Doctor");
person1.friends.push("Van");
alert(person1.friends); //"ShelBy,Court,Van"
alert(person2.friends); //"ShelBy,Court"
动态原型模式
在构造函数中封装所有信息,后面再检测某个方法是否有效,无效的话再次添加到原型中
寄生构造函数模式
创建一个对象,封装对象的代码,返回新创建的对象,在调用本模式时加new操作符
稳妥构造函数
不引用this,不使用new调用构造函数,返回对象
JavaScript高级程序设计13.pdf的更多相关文章
- JavaScript高级程序设计39.pdf
第13章 事件 JavaScript与HTML之间的交互式通过事件来实现的. 事件流 事件流描述的是从页面中接收事件的顺序,IE和Netscape提出了完全相反的事件流概念,IE是事件冒泡流,Nets ...
- JavaScript高级程序设计61.pdf
JSON对象 早期的JSON解析器就是使用JavaScript的eval()函数,ECMAScript5对解析JSON的行为做出了规定,定义了全局对象JSON. JSON对象有2个方法:stringi ...
- JavaScript高级程序设计60.pdf
错误处理 try-catch语句 try{ //可能会导致错误的代码 }catch(error){ //在错误发生时如何处理 } error是一个包含着错误信息的对象,它有一个message属性,保存 ...
- JavaScript高级程序设计58.pdf
15章 使用Canvas绘图 略 16章 HTML5脚本编程 HTML5规范了新的HTML标记和JavaScript API,以便简化创建动态Web界面的工作 跨文档消息传递 简称XDM,指来自不同域 ...
- JavaScript高级程序设计57.pdf
表单序列化 首先了解一下浏览器如何将数据发送给服务器 对表单字段的名称和值进行URL编码,使用和号(&)分隔 不发送禁用的表单字段 只发送勾选的复选框和单选按钮 不发送type为“reset” ...
- JavaScript高级程序设计55.pdf
输入模式 HTML5为文本字段新增了pattern属性,这个属性的值是一个正则表达式,用于匹配文本框中的值 例如,只想在允许在文本字段中输入数值 <input type="text&q ...
- JavaScript高级程序设计54.pdf
过滤输入 对于一些浏览器,可以使用正则表达式里的text()测试用户按下的按键,Firefox和safari(3.1版本之前)会对向上向下.退格键和删除键触发keypress事件,在Firefox中, ...
- JavaScript高级程序设计53.pdf
共有的表单字段方法 每个表单字段都有两个方法:focus()和blur(),其中focus()用于将浏览器焦点设置到表单字段,激活表单字段.可以侦听页面的load事件 EventUtil.addHan ...
- JavaScript高级程序设计52.pdf
表单脚本 表单的基础知识 在HTML中,表单是由<form>元素表示的,在Javascript对应的是HTMLFormElement类型,它继承自HTMLElement,因此具有与其他HT ...
随机推荐
- struts2-ognl 访问静态方法
在内网基本上还真没看到有哥们发现这个问题, 在google上有的哥们说 这是 v 2.3.20的一个bug, 有的人说在该版本中已经不建议通过ognl方式访问静态方法了. 对于这两种说法, 我比较赞同 ...
- Mybatis的学习总结二:使用Mybatis对表进行CRUD操作【参考】
一.使用Mybatis对表进行CRUD操作------基于XML的实现 1.定义SQL的映射文件 2.在conf.xml中进行注册. 2.创建测试类 [具体过程参考:Mybatis的学习总结一] 二. ...
- iOS,长按图片保存实现方法,轻松搞定!
1.添加手势识别: UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@s ...
- 逻辑回归:使用SGD(Stochastic Gradient Descent)进行大规模机器学习
Mahout学习算法训练模型 mahout提供了许多分类算法,但许多被设计来处理非常大的数据集,因此可能会有点麻烦.另一方面,有些很容易上手,因为,虽然依然可扩展性,它们具有低开销小的数据集.这样一个 ...
- JQuery.imgAreaSelect 参数说明
imgAreaSelect 参数说明: 参数 描述 aspectRatio 设定选取区域的显示比率,如:”4:3“ autoHide 如果设置为true,当选择区域选择结束时消失,默认值为:false ...
- details标签和summary标签
代码: <details open="open"> <summary>幸福度调查结果</summary> <p>对人们幸福度的调查& ...
- Html5学习--canvas
canvas元素的实际尺寸(宽度,高度)是由标签上的属性width和height来决定的. 这两个属性不设置时默认值为:宽度=300px,高度=150px. 如果在样式表里设置width和height ...
- norflash移植及uboot 保存环境变量实验
一.实验环境 实验板:TQ2440开发板 SDRAM:64M norflash:EN29LV160AB(2M) nandflash:(256M) 二.移植 本文不详谈从smdk2410移植到TQ244 ...
- Mac os下安装pycurl
今天在Mac OS 10.9.2下安装pycurl时候失败,出现以下问题 Using curl-config (libcurl 7.30.0) clang: error: unknown argume ...
- 写个简单的ANT脚本来编译项目
<?xml version="1.0" encoding="GBK"?> <project name="j2ee project&q ...