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));



结果:


https://img4.mukewang.com/5bbc470d00013ea202770046.jpg

第二种写法:

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));


https://img3.mukewang.com/5bbc471f0001d47d02830053.jpg

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

翻过高山走不出你
浏览 549回答 1
1回答

倚天杖

我在chrome运行的结果和你的不一样……第一种的运行结果Bench {legth: 100, width: 50, weight: 60}Object {weight: 100}第二种运行结果Bench {legth: 100, width: 50, weight: 60}stone {weight: 100}这之中的区别很简单啊,console.log对象的时候,前面那串就是它构造函数的名字,第一种代码里面,stone对象使用对象直接量创建的,构造函数当然是Object;然而在第二种代码里面,stone成了个构造函数,打印它的实例,前面显示的当然是它这个构造函数的名字。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript