跟我学习javascript的函数调用和构造函数调用_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了跟我学习javascript的函数调用和构造函数调用_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5696字，纯文字阅读大概需要9分钟。
内容图文
一、函数调用Function绝对是JavaScript中的重中之重。在JavaScript中，Function承担了procedures, methods, constructors甚至是classes以及modules的功能。
在面向对象程序设计中，functions，methods以及class constructor往往是三件不同的事情，由不同的语法来实现。但是在JavaScript中，这三个概念都由function来实现，通过三种不同的模式。
最简单的使用模式就是function 调用：
二、方法的调用
而methods这一概念在JavaScript中的表现就是，一个对象的属性是一个function：同样的是函数，将其赋值给一个对象的成员以后，就不一样了。将函数赋值给对象的成员后，那么这个就不在称为函数，而应该叫做方法。
真正的行为是，调用本身才会决定this会绑定到哪个对象，即：
obj1.hello()会将this绑定到obj1，obj2.hello()则会将this绑定到obj2。记住一句话，谁调用，this就指向谁
正因为this绑定的这种规则，在下面的用法也是可行的：
但是，在一个普通的函数中，如上面的hello函数，使用this关键字是不太好的方式，当它被直接调用的时候，this的指向就成了问题。在这种情况下，this往往被指向全局对象(GlobalObject)，在浏览器上一般就是window对象。
而这种行为是不确定和没有意义的。
所以在ES5标准中，如果使用了strict mode，那么this会被设置为undefined：
以上这种做法是为了让潜在的错误更快的暴露出来，避免了误操作和难以找到的bug。
区别普通函数调用和方法调用，直接看这个例子就明确了。
这里的运行结果是，两个函数是相同的，因此打印结果是 true。但是由于两个函数的调用是不一样的，func 的调用，打印的是 [object Window]，而o.fn 的打印结果是 [object Object]。
这里便是函数调用与方法调用的区别，函数调用中，this 专指全局对象 window，而在方法中 this 专指当前对象，即 o.fn 中的 this 指的就是对象o。
三、构造函数的调用
function的第三种使用模式就是讲它作为constructor：
构造器中的this
我们需要分析创建对象的过程，方能知道this的意义. 如下面代码:
这里首先定义了函数Person，下面分析一下整个执行：
- 程序在执行到这一句的时候，不会执行函数体，因此 JavaScript的解释器并不知道这个函数的内容.
- 接下来执行new关键字，创建对象，解释器开辟内存，得到对象的引用，将新对象的引用交给函数.
- 紧接着执行函数，将传过来的对象引用交给this. 也就是说，在构造方法中，this就是刚刚被new创建出来的对象.
- 然后为this 添加成员，也就是为对象添加成员.
- 最后函数结束，返回this，将this交给左边的变量.
分析过构造函数的执行以后，可以得到，构造函数中的this就是当前对象.
构造器中的return
在构造函数中return的意义发生了变化，首先如果在构造函数中，如果返回的是一个对象，那么就保留原意. 如果返回的是非对象，比如数字、布尔和字符串，那么就返回this，如果没有return语句，那么也返回this. 看下面代码：
代码运行结果是，先弹窗打印[object Object]，然后打印”赵晓虎”. 因为这里 return 的是一个字符串，属于基本类型，那么这里的return语句无效，返回的是this对象. 因此第一个打印的是[object Object]而第二个不会打印undefined.
使用new关键将function作为constructor进行调用。和function以及method调用不一样的是，constructor会传入一个新的对象并将它绑定到this，然后返回该对象作为constructor的返回值。而constructor function本身的作用就是为了初始化该对象。
构造函数调用常犯的一个错误
兴致勃勃地定义了下面这么个构造函数：
定义构造函数结束后呢？没错，赶紧实例化：
这个coder兄弟叫什么名字？赶紧打印下：
这样的错误貌似挺低级的，但出现的概率挺高的，肿么去避免或减少这种情况的发生呢？
可以在内部实现里面动下手脚：
其实很简单，实例化的时候，内部判断下，当前this指向的对象的类型即可，如果非当前构造函数的类型，强制重新调用一遍构造函数。
突然觉得Coder这名字不够洋气？想用Hacker，好吧，我改。。。数了下，一共有三处要改，这不科学，有没有办法只把构造函数的名字改了就行？
当然有：
tips：据说在ES 5的严格模式下面arguments.callee会被禁用，不过仅当ES 5普及同时你指定了要使用严格模式，否则还是可以用的发散下思维。
以上就是本文的全部内容，希望对大家学习函数调用、方法调用和构造函数调用有所帮助。
内容总结
以上是互联网集市为您收集整理的跟我学习javascript的函数调用和构造函数调用_javascript技巧全部内容，希望文章能够帮你解决跟我学习javascript的函数调用和构造函数调用_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。