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

本文主要是介绍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操作符调用函数——一篇带你搞懂的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！