javascript中Object.create与new的不同

new

new配合构造函数使用,创建一个新对象。

//定义class
var Person = function (firstName) {
  this.firstName = firstName;
};
//定义method
Person.prototype.sayHello = function() {
  console.log("Hello, I'm " + this.firstName);
};
//实例对象
var person1 = new Person("Alice");
//对象调用method
person1.sayHello(); // logs "Hello, I'm Alice"

这里有个疑问,为啥sayHello方法定义在Person.prototype上,而prototype又是什么东西?
prototype是javascript OOP的magic。javascript的面向对象,继承等实现都是围绕着prototype属性转的。
在javascript中,只有function(javascript中function也是对象)才有prototype属性。定义一个函数,它的prototype默认是一个空对象,即{}

var test = function () {return 'haha';};
console.log(test.prototype); // {}

函数有了prototype属性,由函数创建的对象才有原型的概念。person1由Person函数构建出来的,所以person1的原型就是Person.prototype。javascript使用__proto__指向对象的原型。

console.log(Person.prototype) // { sayHello: [Function] }
console.log(person1.__proto__) // { sayHello: [Function] }

由此可以总结new做了:
1. 创建实例对象person1
2. 调用构造函数(Person)初始化person1成员变量(firstname)。
3. 指定实例对象的原型为Person.prototype对象。即person1.__proto__指向Person.prototype。

Object.create()

Object.create(o)的作用是创建一个空对象,空对象的原型是参数o:

var o = Object.create(null);
console.log(o); // {}
o.name = 'jian';
var o2 = Object.create(o);
console.log(o2); // {}
console.log(o2.name); // 'jian', 

o2为空对象,但o2.name输出了‘jian‘,在对象o2上没有找到name属性,但在原型o上找到了。
由此可以总结Object.create()做了:
1. 创建空对象{}
2. 指定空对象{}的原型为Object.create()的参数。

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 10
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值