【20190220】JavaScript-知识点整理:对象创建方式、原型、闭包
一、对象创建方式
1. 工厂模式
这种模式抽象了创建具体对象的过程,用函数来封装以特定接口创建对象的细节。存在的问题是无法通过 instanceof 识别一个对象的类型。
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 person=createPerson("Greg","27","Doctor");
2. 构造函数模式
创建自定义的构造函数,从而定义自定义对象类型的属性和方法。利用构造函数模式创建实例对象时,必须使用new操作符,并可以通过 instanceof 检测到对象的自定义类型。
function Person(name,age,job){
this.name=name;
this.age=age;
this.job=job;
this.sayName=function(){
alert(this.name);
}
} var person=new Person("Greg","27","Doctor");//1.创建一个新对象;2.将构造函数的作用域赋给新对象(this指向新对象);3.执行构造函数中的代码;4.返回新对象
此时存在的问题是自定义对象中定义的方法都要在每个实例上重新创建一遍,也就是说不同实例上的同名函数是不相等的。虽然可以通过将函数定义转移到构造函数外来解决,这时每个实例中的函数引用的都是在全局作用域中定义的一个全局函数。但是这又带来了新的问题,就是当对象需要定义很多方法时,就需要定义很多个全局函数。
3. 原型模式
我们创建的每个函数都有一个prototype(原型)属性,它是一个指针,指向一个对象,即原型对象,原型对象可以让所有对象实例共享它所包含的属性和方法。存在的问题是所有实例在默认情况下都将取得相同的属性值。
function Person(){
} Person.prototype={
constructor:Person,//这里实际上是重写了Person的原型对象,因此其constructor指向的是Object构造函数,此时通过instanceof能识别到特定类型,但其constructor已经无法确定对象类型了,因此可以重新将它设置回适当的值。
name:"Nicholas",
age:29,
job:"Doctor",
sayName:function(){
alert(this.name);
}
}; var person=new Person();
4. 组合使用构造函数模式和原型模式
这是创建自定义类型的最常见方法,构造函数模式用于定义实例属性,原型模式用于定义方法和共享的属性。
function Person(name,age,job){
this.name=name;
this.age=age;
this.job=job;
this.friends=["Shelby","Court"];
} Person.prototype={
constructor:Person,
sayName:function(){
alert(this.name);
}
} var person=new Person("Greg",27,"Doctor");
5. 动态原型模式
把所有信息都封装在构造函数中,通过在构造函数中初始化原型,保持了同时使用构造函数和原型的优点。也就是说可以通过检查某个应该存在的方法是否有效,来决定是否需要初始化原型。这时不能用对象字面量重写原型,如果在以及创建了实例的情况下重写原型,会切断现有实例与新原型之间的联系。
function Person(name,age,job){
this.name=name;
this.age=age;
this.job=job; if(typeof this.sayName != "function"){
Person.prototype.sayName=function(){
alert(this.name);
}
}
} var person=new Person("Greg","27","Doctor");
6. 寄生构造函数模式
这种模式除了使用new操作符创建实例对象并把使用的包装函数称作构造函数之外,与工厂模式是一样的。这个模式可以在特殊情况下用来为对象创建构造函数,如想创建一个具有额外方法的特殊数组。但需要注意的是返回的对象与构造函数以及构造函数的原型属性之间没有关系,因此不能通过instanceof识别对象类型。建议在可以使用其他模式的情况下不要使用这种模式。
7. 稳妥构造函数模式
稳妥对象指的是没有公共属性,而且其方法也不引用this的对象,它适合在一些安全的环境中(这些环境中会禁止使用this和new),或者在防止数据被其他应用程序改动时使用。稳妥构造函数与寄生构造函数有类似的模式,但有两点不同:一是新创建对象的实例方法不引用this;二是不使用new操作符调用构造函数。
二、闭包
闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见方式就是在一个函数内部创建另一个函数,应用的两种情况是:一是函数作为返回值;二是函数作为参数传递。
由于在另一个函数内部定义的函数会将外部函数的活动对象添加到它的作用域链中,因此即使当外部函数返回后,其执行环境的作用域链会被销毁,但它的活动对象仍然留在内存中,因为在其内部定义的函数仍然在引用它。
直到内部函数被销毁后,外部函数的活动对象才会被销毁。所以使用闭包会增加内存开销。
【20190220】JavaScript-知识点整理:对象创建方式、原型、闭包的更多相关文章
- javascript一种新的对象创建方式-Object.create()
1.Object.create() 是什么? Object.create(proto [, propertiesObject ]) 是E5中提出的一种新的对象创建方式,第一个参数是要继承的原型,如果不 ...
- 第163天:js面向对象-对象创建方式总结
面向对象-对象创建方式总结 1. 创建对象的方式,json方式 推荐使用的场合: 作为函数的参数,临时只用一次的场景.比如设置函数原型对象. var obj = {}; //对象有自己的 属性 和 行 ...
- javascript中的对象创建与继承
js是一门基于原型的面向对象语言,与传统的面向对象如Java,C#相比,它在对象创建及继承上有自己独特的实现方式,本文主要描述js中对象创建及继承的一些实践. 1.对象创建 方式一:工厂模式创建对象 ...
- JavaScript—对象创建方式
JavaScript 也是面向对象的语言(oop) 之前学JavaScript 没有学对象.现在做下笔记 创建对象的方式: 1. 对象字面量 const hero = { name: '吕布', w ...
- JavaScript知识点整理(一)
JavaScript知识点(一)包括 数据类型.表达式和运算符.语句.对象.数组. 一.数据类型 1) js中6种数据类型:弱类型特性 5种原始类型:number(数字).string(字符串).bo ...
- 《你不知道的JavaScript》整理(四)——原型
一.[[Prototype]] JavaScript中的对象有一个特殊的[[Prototype]]内置属性,其实就是对于其他对象的引用. var myObject = { a: 2 }; myObje ...
- JavaScript知识点整理
1.JavaScript的定义 JavaScript是一种专门为与网页交互而设计的脚本语言.有下列三部分组成 ①ECMAScript,提供核心语言功能 ②文档对象模型(DOM),提供访问与操作网页内容 ...
- 【JavaScript回顾】对象创建的几种模式
组合使用构造函数模式和原型模式 创建自定义类型的常见方式,就是组合使用构造函数模式与原型模式.构造函数模式用于定义实 例属性,而原型模式用于定义方法和共享的属性.结果,每个实例都会有自己的一份实例属性 ...
- javascript ActiveXObject FileSystemObject 对象,创建、复制、删除、读取文件等
Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼.富有朝气.但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读.写和删除,就象在VB.VC等高 ...
随机推荐
- 移动端适配方案-rem(基础篇)
常见移动web适配方案一般有3种方法,如下图: ①:定高,宽度百分比(一般用来做一些适配性不高的页面,比如主要以一些文字和图片为主的网页或移动端的头部和底部) ②:flex (更多的用于复杂页面的布局 ...
- 基于 Consul 实现 MagicOnion(GRpc) 服务注册与发现
0.简介 0.1 什么是 Consul Consul是HashiCorp公司推出的开源工具,用于实现分布式系统的服务发现与配置. 这里所谓的服务,不仅仅包括常用的 Api 这些服务,也包括软件开发过程 ...
- Navicat 连接Oracle的教程以及注意事项
今天使用Navicat 连接Oracle时晕倒了一些坑,特此记录一下! 楼主就是64位win10系统,安装的Navicat是64位的,刚开始配置32位的oci.配置后连接还是提示“Connot loa ...
- 解决transition动画与display冲突的几种方法
如demo(如果没有显示,请查看源地址http://jsfiddle.net/ihardcoder/HNduT/2/)所示,基本的效果是在点击“Translate”按钮后,蓝色区域透明度变为0,然后隐 ...
- .NET Core + Abp踩坑和填坑记录(1)
1. Net Core 的DI和Abp的DI并存 Startup中 ConfigureServices返回值改为IServiceProvider 在ConfigureServices最后调用retur ...
- C++版 - 剑指offer 面试题7:用两个栈实现队列 题解
用两个栈实现队列 提交网址: http://www.nowcoder.com/practice/54275ddae22f475981afa2244dd448c6?tpId=13&tqId=1 ...
- 【网页加速】lua redis的二次升级
之前发过openresty的相关文章,也是用于加速网页速度的,但是上次没有优化好代码,这次整理了下,优化了nginx的配置和lua的代码,感兴趣的话可以看看上篇的文章: https://www.cnb ...
- MyBatis源码解析(九)——Type类型模块之类型处理器注册器(TypeHandlerRegistry)
原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6709157.html 1.回顾 上一篇研究的是类型别名注册器TypeAliasRegist ...
- 【leet-code】542. 01 矩阵
题目描述 给定一个由 0 和 1 组成的矩阵,找出每个元素到最近的 0 的距离. 两个相邻元素间的距离为 1 . 示例 1: 输入: 0 0 0 0 1 0 0 0 0 输出: 0 0 0 0 1 0 ...
- 应用负载均衡之LVS(五):lvs和nginx的wrr加权调度算法规律分析
返回LVS系列文章:http://www.cnblogs.com/f-ck-need-u/p/7576137.html 加权调度算法(wrr)是一种很常见的调度算法.它们按照权重比例进行调度,但实际调 ...