标签：函数 JavaScript 调用函数 操作符 result 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,调用函数,操作符,result,new,搞懂,上下文
来源： https://blog.csdn.net/qq_55877329/article/details/122015590

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。