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

Posted 流星和雨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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操作符

JavaScript实现new操作符

详解 JS 中 new 调用函数原理

javascript 对象初探--- 返回对象的函数

javascript 函数和作用域

javascript构造函数小知识