JavaScript中判断函数是new还是()调用的区别说明
更新时间：2011年04月07日 23:38:19 作者：
具名函数的各种调用方式 在之前篇幅中已经介绍过了。这篇看看如何判断一个函数是被new调用的，还是被其它方式调用的。
方式1
function Person(n,a){
this.name = n;
this.age = a;
if(this instanceof Person){
alert('new调用');
}else{
alert('函数调用');
}
}
var p = new Person('jack',30); // --> new调用
Person(); // --> 函数调用
方式2
function Person(n,a){
this.name = n;
this.age = a;
if(this instanceof arguments.callee){
alert('new调用');
}else{
alert('函数调用');
}
}
var p = new Person('jack',30); // --> new调用
Person(); // --> 函数调用
方式3
function Person(n,a){
this.name = n;
this.age = a;
if(this.constructor === arguments.callee){
alert('new调用');
}else{
alert('函数调用');
}
}
var p = new Person('jack',30); // --> new调用
Person(); // --> 函数调用
看似很完美，但当把函数/类作为自身实例对象的方法时调用就出问题了
function Person(n,a){
this.name = n;
this.age = a;
if(this.constructor === arguments.callee){
alert('new调用');
}else{
alert('函数调用');
}
}
var p = new Person('jack',30); // 先new一个对象
p.fn = Person; // 把函数/类 Person 赋值给自身对象p的fn属性
p.fn(); // 这句调用时提示“这是new调用”，显然不对
还有更好的方法吗？
复制代码 代码如下:
function Person(n,a){
this.name = n;
this.age = a;
if(this instanceof Person){
alert('new调用');
}else{
alert('函数调用');
}
}
var p = new Person('jack',30); // --> new调用
Person(); // --> 函数调用
方式2
复制代码 代码如下:
function Person(n,a){
this.name = n;
this.age = a;
if(this instanceof arguments.callee){
alert('new调用');
}else{
alert('函数调用');
}
}
var p = new Person('jack',30); // --> new调用
Person(); // --> 函数调用
方式3
复制代码 代码如下:
function Person(n,a){
this.name = n;
this.age = a;
if(this.constructor === arguments.callee){
alert('new调用');
}else{
alert('函数调用');
}
}
var p = new Person('jack',30); // --> new调用
Person(); // --> 函数调用
看似很完美，但当把函数/类作为自身实例对象的方法时调用就出问题了
复制代码 代码如下:
function Person(n,a){
this.name = n;
this.age = a;
if(this.constructor === arguments.callee){
alert('new调用');
}else{
alert('函数调用');
}
}
var p = new Person('jack',30); // 先new一个对象
p.fn = Person; // 把函数/类 Person 赋值给自身对象p的fn属性
p.fn(); // 这句调用时提示“这是new调用”，显然不对
还有更好的方法吗？
相关文章
这篇文章主要为大家介绍了云开发进阶uniCloud-db组件与JQL语法的转换详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要为大家详细介绍了基于javascript实现最简单选项卡切换，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
来访统计...2006-11-11
这篇文章主要介绍了小程序点餐界面添加购物车左右摆动动画，当用户点击添加到购物车后会有一个左右摆动的购物车提示效果，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2020-09-09
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
这篇文章主要介绍了利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要帮助大家理解javascript中的with关键字，学习with关键字的作用，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要为大家详细介绍了JS实现滑动插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
这篇文章主要介绍了JavaScript实现控制打开文件另存为对话框的方法,实例分析了javascript实现文件另存为的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了Javascript编程之继承实现方法,结合实例形式分析汇总了五种常见的继承技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要给大家介绍了关于微信小程序中网络请求缓存的解决方法，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-12-12
最新评论