JS的OOP--new一个function背后的实际操作

本文解析了JavaScript中构造函数的执行过程及不同返回值情况下对象实例的行为表现,并通过示例代码进行了说明。

var fun = new Fun();

其实相当于以下三步:

1. var fun = {};

2. fun.__proto__ = Fun.prototype;

3. Fun.call(fun);

 

特别说明一种情况,默认构造函数是没有写明return的,实际上会返回一个this值所引用的对象。

1.构造函数在没有指定返回值的情况下,默认会返回新对象实例

2.如果指定的返回值是基本数据类型的话,仍然会返回新对象实例

3.如果指定返回对象了的话,被返回的对象就成了指定的对象值。在这种情况下,this值所引用的对象就被丢弃了。

var fun = function(){
  this.name = 'peter';
  return {
    name: 'jack'
  };
}
var p = new fun();
console.log(p.name);   //打印出jack

转载于:https://www.cnblogs.com/wangxuehao/p/6559568.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值