javascript - js 原型链问题

问题描述

问 题

var proto= {
  age:5
}

var create = function(name){
  var child = Object.create(proto);
  child.name = name;
  return child;
}

var Lee = create('Lee');
console.log(Lee);//{name:"Lee"} ->这里输出的属性为什么没有age？
console.log(Lee.age);//5 ->但是这里却能输出

在《单页Web应用 JavaScript从前端到后台》书中输出的结果和我在浏览器控制台输出的结果完全不一样。

console.log(Lee);//{name:"Lee"，age:5} -> 这是书中输出的结果

感觉这本书写得完全不对呀。。。
求解答！！！

解决方案

看这里关于 object.create

The Object.create() method creates a new object with the specified prototype object and properties.

1.console.log(Lee);//{name:"Lee"} ->这里输出的属性为什么没有age？
因为age属性是Lee原型链上层的属性，不是Lee自身属性

2.console.log(Lee.age);//5 ->但是这里却能输出
访问age时，先在Lee里面找，没有，往原型链上找到 ，找到了，就输出原型链上的age

关于原型链，具体看看 javascript高级程序设计 这本书，or 找找其他博客文章~

这篇关于javascript - js 原型链问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！