【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等高 ...
随机推荐
- 第51节:Java当中的集合框架Map
简书作者:达叔小生 Java当中的集合框架Map 01 Map提供了三个集合视图: 键集 值集 键-值 映射集 public String getWeek(int num){ if(num<0 ...
- Kali学习笔记39:SQL手工注入(1)
终于到了SQL注入 最大的.最经典的.最常见的Web漏洞就是SQL注入漏洞 SQL注入的原理这里就不说了,百度 打开DVWA,SQL注入测试模块 测试单引号,发现出错,于是想到测试语句: 1' or ...
- 一些能体现个人水平的SQL语句[总结篇]
作为一名小小的开发人员,刚入门的时候觉得很难,过了一段时间之后,发现很简单,很快就可以搞定很bug了.然而这并不能说明你就已经很牛掰了,只能说,你不了解其他太多的东西.应该说,数据库有几个共同的命令, ...
- CentOS5/6/7系统下搭建安装Amabari大数据集群时出现SSLError: Failed to connect. Please check openssl library versions.错误的解决办法(图文详解)
不多说,直接上干货! ========================== Creating target directory... ========================== Comman ...
- FIleZilla连接linux(Ubuntu)服务器的相关问题
想通过FileZilla传个tomcat到服务器,然后遇到了下面的两个问题,问题已经通过百度解决了,这里总结下: 1,虚拟机通过桥接模式连网,ip地址为:192.168.119.147 在FieZil ...
- iOS逆向开发(4):注入目标函数 | fishhook | MobileSubstrate | MSHookFunction | iOSOpenDev
从获得APP的所有类声明,到锁定目标类与函数,现在是时候注入函数了. 所谓"注入函数",小程的意思是让APP执行到小程写的代码中,跟"钩子"的概念一致.小程把个 ...
- 32位汇编第五讲,逆向实战干货,(OD)快速定位扫雷内存.
32位第五讲,逆向实战干货,快速定位扫雷内存. 首先,在逆向之前,大家先对OD有一个认识. 一丶OD的使用 标号1: 反汇编窗口 (显示代码的地址,二进制指令,汇编代码,注释) 标号2: 寄存器窗口( ...
- 深入MySQL复制(二):基于GTID复制
相比传统的MySQL复制,gtid复制无论是配置还是维护都要轻松的多.本文对gtid复制稍作介绍. MySQL基于GTID复制官方手册:https://dev.mysql.com/doc/refman ...
- Perl列表相关函数
内置的列表函数有: grep, join, map, qw//, reverse, sort, unpack join:将多个元素使用给定字符串联起来join grep:从列表中筛选符合条件的元素执行 ...
- Spark的核心RDD(Resilient Distributed Datasets弹性分布式数据集)
Spark的核心RDD (Resilient Distributed Datasets弹性分布式数据集) 原文链接:http://www.cnblogs.com/yjd_hycf_space/p/7 ...