创建对象最简单方式就是创建一个Object实例,然后添加属性和方法

var person = new Object();
person.name = "Miles";
person.age = 24;
person.job = "Software Engineer"person.sayName = function() {alert(this.name);
};person.sayName();

这种方法有个明显的缺点:使用同一个借口创建很多对象,会产生大量的重复代码

为了解决这个方法,我们可以使用工厂模式的一种遍体

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("Miles", 24, "Software Engineer");
var person2 = createPerson("Jenny", 24, "Doctor");person1.sayName();  //"Miles"
person2.sayName();  //"Jenny"

工厂模式虽然解决了创建多个想死对象的问题,但没有解决对象识别的问题(即怎样知道一个对象的类型)

随着js的发展,构造函数模式出现了

function Person(name, age, job) {this.name = name;this.age = age;this.job = job;this.sayName = function() {alert(this.name);};
}var person1 = new Person("Miles", 24, "Software Engineer");
var person2 = new Person("Jenny", 24, "Doctor");person1.sayName();  //"Miles"
person2.sayName();  //"Jenny"

构造函数与其他函数的唯一区别,就在于调用他们的方式不同。构造函数也是函数,只要通过new操作符来调用,那它就可以作为构造函数,如果不通过new,它跟普通函数没区别。

//当作构造函数使用
var person = new Person("Miles", 24, "Software Engineer");
person.sayName(); // "Miles"
//当作普通函数调用
Person("Jenny", 24, "Doctor");
window.sayName(); // "Jenny"
//在另一个对象的作用于中调用
var o = new Person();
Person.call(o, "Sean", 24, "Engineer");
o.sayName(); // "Sean"

当在全局作用域中调用一个函数时,this对象总是只想Global对象。

构造函数的缺点就是每个方法都要在每个实例上重新创建一遍。也就是上面的实例中每一个sayName不是同一个Function的实例

alert(person1.sayName() == person2.sayName()); // false

然后,创建两个完全同样任务的Function实例没有必要,所以可以通过把函数定义转移到构造函数外部来解决这个问题

function Person(name, age, job) {this.name = name;this.age = age;this.job = job;this.sayName = sayName;
}
function sayName() {alert(this.name);
}

与个人博客同时更新中

JavaScript读书笔记四相关推荐

  1. 《关键对话——注意观察,如何判断对话氛围是否安全》读书笔记(四)

    <关键对话--注意观察,如何判断对话氛围是否安全>读书笔记(四) 在对话过程中,既要关注对话内容(即讨论的主题),也要观察对话气氛(即参与者的反应).越早意识到你和对方退出了对话机制,就越 ...

  2. JavaScript学习笔记(四)(DOM)

    JavaScript学习笔记(四) DOM 一.DOM概述 二.元素对象 2.1 获取方式 (1).通过ID获取一个元素对象,如果没有返回null (2).通过`标签名`获取一组元素对象,,如果没有返 ...

  3. 《编程之美》读书笔记(四): 卖书折扣问题的贪心解法

    <编程之美>读书笔记(四):卖书折扣问题的贪心解法 每次看完<编程之美>中的问题,想要亲自演算一下或深入思考的时候,都觉得时间过得很快,动辄一两个小时,如果再把代码敲一遍的话, ...

  4. 3d游戏设计读书笔记四

    3d游戏设计读书笔记四 一.基本操作演练[建议做] 下载 Fantasy Skybox FREE, 构建自己的游戏场景 a. 在AssetStore中搜索Fantasy Skybox FREE并下载. ...

  5. 《大型网站技术架构》读书笔记四:瞬时响应之网站的高性能架构

    来源:http://www.cnblogs.com/edisonchou/p/3809839.html 此篇已收录至<大型网站技术架构>读书笔记系列目录贴,点击访问该目录可获取更多内容. ...

  6. 《淘宝技术这十年》读书笔记 (四). 分布式时代和中间件

    前面两篇文章介绍了淘宝的发展历程.Java时代的变迁和淘宝开始创新技术:              <淘宝技术这十年>读书笔记 (一).淘宝网技术简介及来源              &l ...

  7. 《李元芳履职记》读书笔记四 (完结)

    决策不能拍脑袋 管理者不仅仅依靠"拍脑袋"进行决策,而是要用科学的方法加以指导: (决策流程) 工作分派就该这样做 管理者在分派下属工作时,不能"随性",而应该 ...

  8. 高性能JavaScript 读书笔记

    第一章:加载和执行 浏览器的JavaScript的引擎是编译器层的优化: 当浏览器执行JavaScript代码时,不能同时做其他任何事情(单一进程),意味着<script>标签每次出现都霸 ...

  9. 你不知道的javascript读书笔记3

    概述 这是我看<你不知道的JavaScript(中卷)>中关于类型检查的笔记,供以后开发时参考,相信对其他人也有用. typeof 我们知道js中有七种内置类型:undefined, nu ...

最新文章

  1. 服务器硬盘如何增加分区,服务器硬盘分区方法是什么?
  2. 原创|一文读懂主成分分析(PCA)
  3. “AI李佳琦”:“哦买尬,买它!”,清北中科院CMU争相角逐
  4. vscode: Visual Studio Code 常用快捷键
  5. 利用ComponentWillReceiveProps解决异步问题
  6. BOOST_VMD_ASSERT_IS_TUPLE宏相关的测试程序
  7. 最简单的网络图片的爬取 --Pyhon网络爬虫与信息获取
  8. maven-settings.xml的那些事
  9. jmeter参数值只读取了第一个_基础入门篇Jmeter(五)_函数
  10. IKVM.NET_第一篇_概述
  11. linux的文件系统简单介绍
  12. 计算机驱动程序的安装过程,电脑常用的驱动程序的安装与管理
  13. Android UI学习之---Button
  14. html5音乐播放器在线生成,一款极简的HTML5音乐播放器-skPlayer
  15. JAVASCRIPT设计模式pdf
  16. 利用Python解决掉谷歌人机验证,全自动识别真的牛啊
  17. Linux下挂载NTFS分区
  18. android打包工具多渠道批量打包,android 二次打包完成apk多渠道打包的方法
  19. 超市收银系统服务器搭建教程,超市收银系统快速收银步骤? 你需要学习了
  20. Unity NavMesh导航报错“SetDestination“ can only be called on an active agent that has been placed on a Na

热门文章

  1. SSL代理是什么?有哪些使用场景?
  2. 美国SIG声学相机G100主要功能
  3. ubuntu14.04搭建smba共享
  4. ELK分布式事务管理——SkyWalking(java接入)
  5. 自定义实现一个RPC框架(七)
  6. 信息学奥赛一本通1072:鸡尾酒疗法
  7. 值传递,地址传递,引用传递
  8. Windows IPC 连接详解
  9. 如何评价张小平离职?
  10. wiki的备份以及迁移方式