首页 > javascript对象声明方式不同,打印结果也不一样

javascript对象声明方式不同,打印结果也不一样

第一种写法

var stone={
    weight:100
}
// function stone() {
//     this.weight=100;
// }
function Bench() {
    this.legth=100;
    this.width=50;
    this.weight=60;
}
Bench.prototype=stone;

var b=new Bench();

console.log(b);
console.log(Object.getPrototypeOf(b));


结果:



第二种写法:

function stone() {
    this.weight=100;
}
function Bench() {
    this.legth=100;
    this.width=50;
    this.weight=60;
}
Bench.prototype=new stone;

var b=new Bench();

console.log(b);
console.log(Object.getPrototypeOf(b));

为什么会这样,第二种前面会带stone??


我认为你可能对对象的原型和构造函数不是很理解


我在chrome运行的结果和你的不一样……

  1. 第一种的运行结果

    Bench {legth: 100, width: 50, weight: 60}
    Object {weight: 100}
  2. 第二种运行结果

    Bench {legth: 100, width: 50, weight: 60}
    stone {weight: 100}

这之中的区别很简单啊,console.log对象的时候,前面那串就是它构造函数的名字,第一种代码里面,stone对象使用对象直接量创建的,构造函数当然是Object;然而在第二种代码里面,stone成了个构造函数,打印它的实例,前面显示的当然是它这个构造函数的名字。


这个涉及到创建对象的两种方式:构造函数模式和原型模式
一个是实例一个是原型,水平有限,我一两句说不清楚,还是你自己找找看看,可能理解的快一点

【热门文章】
【热门文章】