JavaScript之用new操作符调用函数——一篇带你搞懂

发布时间:2022-06-27 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了JavaScript之用new操作符调用函数——一篇带你搞懂脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

用new操作符调用函数

使用new操作符调用函数通常与构造函数有关联,在这里只说一下new操作符调用函数的过程,但这对后面学习构造函数有很大帮助。

js规定,使用new操作符调用函数会进行“四步走”:

1)函数体内会自动创建一个空白对象 2)函数体的上下文(this)会指向这个对象 3)函数体内的语句会执行 4) 函数自动返回上下文对象,即使函数没有return语句

<script>
function fun() {
	this.a = 3;
	this.b = 4;
}
var result = new function();
console.log(result);  //result { a: 3, b: 4 }
</script>

分析:使用new操作符调用函数会进行“四步走” 首先:会在fun函数体内创建一个空白对象 { } 其次:使fun函数体内的上下文(即this)指向 { },这时就相当于为{ }空对象添加a,b属性 再次:函数体返回上下文对象{a:3,b:4},并赋值给result 最后:输出结果,完成。

脚本宝典总结

以上是脚本宝典为你收集整理的JavaScript之用new操作符调用函数——一篇带你搞懂全部内容,希望文章能够帮你解决JavaScript之用new操作符调用函数——一篇带你搞懂所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: