构造函数：函数的另一种执行方法，执行后创建对象，并创建原型对象。

原型链：对象访问构造函数的指针。

Function函数：函数对象。

Object函数：所有创建对象的祖辈对象，也是由Function对象实现的。

构造函数的特性：

1.构造函数声明时，语法与普通函数的完全一致，
        2.在函数体中this指针不同
        3.构造函数和普通函数相比，调用方式不同
        4. 构造函数一般用作创建一个类，遵循C#的编码规范，首字母大写。

运行下面的代码（并跟踪Func）：

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<script type="text/javascript">

	       debugger;

			function Fun(){

			}

			Fun();//普通函数的条用方式

			var fun=new Fun() //构造函数的调用方法

		</script>

	</head>

	<body>

	</body>

</html>

效果：

检测Fun.prototype的类型：

查看fun：

用普通函数调用测试this（程序没有对this包含引用，出现undefined）：

给this赋值（在程序体中必须引用this 才有值）：

运行如下的代码：

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<script type="text/javascript">

	       debugger;

			function Fun(){

				var that1=this;

				innerFun();

				function innerFun(){

					var that2=this;

				}

			}

			Fun.userName='sunliyuan';

			Fun.innerFun2=function(){

				var that3=this;

				debugger;

			}

			debugger;

			Fun.innerFun2();

			Fun();//普通函数的条用方式

		</script>

	</head>

	<body>

	</body>

</html>

运行代码：

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<script type="text/javascript">

	       debugger;

			function Fun(){

				this.id=1;

				this.name='sunliyuan';

			}

			//Fun();//普通函数的条用方式

			var fun=new Fun() //构造函数的调用方法

		</script>

	</head>

	<body>

	</body>

</html>

在构造函数中的this：

以上为对this在普通函数和构造函数与中的不同：

1.this在其他语言中代表当前对象，在js中非常灵活
             2.this 是跟当前函数的运行环境有关
             3. 对于普通函数来说，在函数体中this代表调用当前函数的运行环境对象
             4. 对于构造函数来说this 代表当前构造函数创建的对象

5.在全局环境中this代表全局环境（window对象）

构造函数：new Fun的执行过程：

1.创建一个空obj对象

2.空对象的原型链（__proto__）指向了函数对象prototype对象

3.修改函数的this指针为新创建的对象引用。

4.执行函数体（普通函数只执行第四步）

原型链：

原型对象（prototype）：是函数对象的一个内部属性，是一个简单的对象，用户可以访问、操作对象。

原型链（__proto__）：每个对象都具备的不可访问的内部属性（指针）（chrom浏览器可以访问，但不可以操作），指针指向构造函数对应的原型对象。

原型链的特点：

1.原型链的终点是Object对象的Prototype属性，该属性的__proto__为null，所有连接构成原型链

2.对象可以调用原型链上的所有属性以及函数

原型链的作用：

1.使用原型链可以模拟类的功能。

2.使用原型链可以实现继承关系。

原型对象（prototype）的创建：

在预编译或执行匿名函数时，js引擎调用 new Function（）创建函数对象，以及函数对象的prototype对象。  只有函数对象才有Prototype属性。

函数的本质就是一个变量：函数名为变量名，值为函数对象。

在预编译阶段，会加载两个构造函数

1.Object：特殊的函数，代表对象函数

2.Function：特殊的函数，函数对象（）

JavaScript中构造函数的更多相关文章

  1. 深入理解Javascript中构造函数和原型对象的区别

    在 Javascript中prototype属性的详解 这篇文章中,详细介绍了构造函数的缺点以及原型(prototype),原型链(prototype chain),构造函数(constructor) ...

  2. Javascript中构造函数的返回值问题和new对象的过程

    首先明确一点:javascript中构造函数是不需要有返回值的,这一点跟java很类似.可以认为构造函数和普通函数的最大差别就是:构造函数中没有return语句,普通函数可以有return语句:构造函 ...

  3. 解决JavaScript中构造函数浪费内存的问题！

    解决JavaScript中构造函数浪费内存的问题! 把构造函数中的公共的方法放到构造函数的原型对象上! // 构造函数的问题! function Gouzaohanshu(name, age, gen ...

  4. Javascript中构造函数与new命令

    典型的面向对象编程语言(比如C++和Java),存在“类”(class)这个概念.所谓“类”就是对象的模板,对象就是“类”的实例.但是,在JavaScript语言的对象体系,不是基于“类”的,而是基于 ...

  5. Javascript中构造函数与new命令2

    典型的面向对象编程语言(比如C++和Java),存在"类"(class)这个概念.所谓"类"就是对象的模板,对象就是"类"的实例.但是,在J ...

  6. 深入理解Javascript中构造函数和原型对象的区别（转存）

    Object是构造函数,而Object.prototype是构造函数的原型对象.构造函数自身的属性和方法无法被共享,而原型对象的属性和方法可以被所有实例对象所共享. 首先,我们知道,构造函数是生成对象 ...

  7. javascript中构造函数与普通函数的区别还有关于“new”操作符的一些原理

    有一种创建对象的方法叫做工厂模式,例如: function person(name,age){ var o=new Object(); o.name=name; o.age=age; return o ...

  8. javascript中构造函数的三种方式

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. javascript中构造函数知识总结

    构造函数的说明 1.1 构造函数是一个模板 构造函数,是一种函数,主要用来在创建对象时对 对象 进行初始化(即为对象成员变量赋初始值),并且总是与new运算符一起使用. 1.2 new 运算符 new ...

随机推荐

  1. Redis3未授权访问漏洞导致服务器被入侵

    今天在腾讯云上搭的开发环境里的一台机器cpu load飚升老高,然后还能登陆上去,top后发现两个可疑进程./root/目录下有修改过的文件./opt目录被干掉了, 后经分析,这台机器上有redis外 ...

  2. Linux /etc/issue 和 /etc/issue.net的作用和区别

    1./etc/motd /etc/motd即messageoftoday(布告栏信息),每次用户登录时,/etc/motd文件的内容会显示在用户的终端.系统管理员可以在文件中编辑系统活动消息,例如:管 ...

  3. 【翻译】Voidbox: Docker on YARN

    原文链接:Voidbox – Docker on YARN 读了此文,收获良多,翻译之,方便以后查看~ 文章介绍了Hulu北京大数据团队开发的Docker On YARN实现:Voidbox,一种基于 ...

  4. 20155236 2016-2017-2 《Java程序设计》第四周学习总结

    20155236 2016-2017-2 <Java程序设计>第四周学习总结 教材学习内容总结 1.继承基本上就是避免多个类间重复定义共同行为. 继承的三个好处:减少代码冗余:维护变得简单 ...

  5. 网摘关于BarCodeControl控件

    简介 BarCodeControl是一个用户制作条形码的控件. MicrosoftBarcodeControl9.0是可以在MicrosoftOfficeAccess窗体和报表中显示条码符号的Acti ...

  6. 截取汉字 mb_sbstr()

    一.中文截取:mb_substr() mb_substr( $str, $start, $length, $encoding ) $str,需要截断的字符串 $start,截断开始处,起始处为0 $l ...

  7. 双击CAD对象，显示自定义对话框实现方法

    class TlsApplication : IExtensionApplication { void IExtensionApplication.Initialize() { TTest.Start ...

  8. PHP简单爬虫 基于QueryList采集库 和 ezsql数据库操作类

    QueryList是一个基于phpQuery的PHP通用列表采集类,得益于phpQuery,让使用QueryList几乎没有任何学习成本,只要会CSS3选择器就可以轻松使用QueryList了,它让P ...

  9. UNIX环境高级编程 第16章 网络IPC：套接字

    上一章(15章)中介绍了UNIX系统所提供的多种经典进程间通信机制(IPC):管道PIPE.命名管道FIFO.消息队列Message Queue.信号量Semaphore.共享内存Shared Mem ...

  10. Java NIO之拥抱Path和Files

    Java面试通关手册(Java学习指南)github地址(欢迎star和pull):https://github.com/Snailclimb/Java_Guide 历史回顾: Java NIO 概览 ...