好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

new 运算符与构造函数

new 运算符与构造 函数

当 一个 函数 被 new 运算符 调用 的时候,这个 函数 就会被称为构造 函数 。

任何 函数 都能被 new 运算符 调用 ,但是一般会从设计上将 一个 函数 考虑为构造 函数 ,提供给 new 运算符 调用 。

  function   Human  ( name ,  gender )   { 
   this  . name  =  name ; 
   this  . gender  =  gender ; 
 } 

 var  human  =   new   Human  (  )  ; 
 

1. 构造 函数 的作用

构造 函数 的主要作用是用于 生成 对象。

有其他面向对象语言开发经验的同学可能会觉得使用 new 运算符的语法和创建类的示例很像,其实本质是不一样的。

结合原型的特性,在 JavaScript 中也能实现类似于类的一套机制。

关于构造 函数 和原型的处理关系,原型章节已经有详细介绍,具体 内容 可以参考原型章节。

2. new 运算符的运算机制

使用 new 运算符 调用 函数 的时,背后有一套运行机制,这套机制说明了构造 函数 是怎么产生对象的。

当 new 运算符 调用 函数 时,大致会进行以下几个操作:

创建 一个 空对象 将 函数 的this指向这个空对象 执行 函数 如果 函数 没有指定返回值,则直接返回 this(一开始创建的空对象),否则返回指定返回值

  function   Person  ( name ,  gender ,  age )   { 
   this  . name  =  name ; 
   this  . gender  =  gender ; 
   this  . age  =  age ; 
 } 

 var  person  =   new   Person  (  '小明'  ,   '男'  ,   )  ; 

console .  log  ( person . name )  ; 
 

这样就能理解为什么使用 new 操作符可以 生成 对象了。

这个机制也是面试的高频题。

3. 小结

构造 函数 用于 生成 对象,理解构造 函数 和原型机制非常重要,不但是面试中的高频题,也可以提升编写高质量、可复用的 代码 的能力。

JavaScript instanceof ? ?JavaScript 原型

查看更多关于new 运算符与构造函数的详细内容...

  阅读:41次

上一篇

下一篇

第1节:什么是 JavaScript    第2节:学习环境准备    第3节:调试方案    第4节:JavaScript 变量    第5节:JavaScript 数据类型    第6节:JavaScript if 语句    第7节:for 语句    第8节:JavaScript 算数运算符    第9节:JavaScript 比较运算符    第10节:JavaScript 逻辑运算符    第11节:JavaScript 函数    第12节:JavaScript 表达式    第13节:JavaScript 对象    第14节:JavaScript 字符串    第15节:JavaScript 数字    第16节:JavaScript 数组    第17节:JavaScript switch 语句    第18节:JavaScript while 语句    第19节:JavaScript 的 break 与 continue    第20节:JavaScript with    第21节:document.cookie    第22节:JavaScript Function    第23节:JavaScript Math    第24节:JavaScript Date    第25节:JavaScript RegExp    第26节:JavaScript JSON    第27节:什么是 DOM    第28节:DOM 和 JavaScript 的关系    第29节:获取和操作 DOM 节点    第30节:DOM 与事件    第31节:DOM 事件绑定    第32节:DOM 事件对象    第33节:DOM 事件流    第34节:事件相关的优化    第35节:自定义事件    第36节:表单校验    第37节:什么是 BOM    第38节:常用的 BOM 相关对象    第39节:BOM 常用属性和方法    第40节:AJAX    第41节:异常处理    第42节:三元运算符    第43节:逗号操作符    第44节:void    第45节:typeof    第46节:delete 操作符    第47节:debugger    第48节:getter & setter    第49节:new 运算符与构造函数    第50节:JavaScript 原型    第51节:JavaScript instanceof    第52节:JavaScript this    第53节:严格模式    第54节:作用域    第55节:闭包    第56节:变量提升    第57节:对象包装器    第58节:Lodash    第59节:moment    第60节:swiper    第61节:ECMAScript 6    第62节:Node.js    第63节:Babel    第64节:CSS 预处理器    第65节:代码规范    第66节:TypeScript    第67节:WebComponents    第68节:Vue、React、Angular    第69节:小程序    第70节:JavaScript 关键字    第71节:分号导致的问题    第72节:对象属性访问问题    第73节:this 使用问题    第74节:浮点数精度问题    第75节:独一无二的 NaN    第76节:避免全局污染    第77节:控制台观察对象问题    第78节:根据环境选择语言特性    第79节:相关资源