请大家指点一个 javaScript 继承代码，代码如下

[palmers]

function Person() {
	this.sname = '测试' ;
	this.age = 23 ;
	this.sex = '男' ;
	Person.prototype.say = function() {
		return this.sname + ' , ' + this.age + ' , ' + this.sex ;
	} ;
}


function Student() {

	Student.prototype = new Person() ;
	Student.prototype.constructor = Student ;
	this.school = 'xxx 大学' ;
}

var stu = new Student() ;
alert(stu.__proto__) ;
alert(stu.sname) ; //undefined

为什么stu 没有继承Person 的属性呢? 只能访问自己的。 Student 的原型是[object Object]， 请大家指点！谢谢大家!

[ykjsw]

第一次 var stu = new Student() ;的时候， function Student 里面的 Student.prototype = new Person() ; 还没来得及执行

你再次执行一次
var stu = new Student() ;
alert(stu.__proto__) ;
alert(stu.sname) ;

就是正确的了

[mrsatangel]

Student.prototype = new Person() ;
Student.prototype.constructor = Student ;
移出构造函数体内

[mrsatangel]

原因是执行 var stu = new Student() ;的时候在 Student 这个函数里面执行了修改 Student 的 prototype 的行为，但是这个修改不会影响当前这个 stu 对象的构造，也就是说当前的 stu 对象实际上并没有继承 Person 。再一次使用 Student 构造函数的时候所构造的实例才继承了 Person

[suikator]

这种继承写法不太好吧，万一 Person 是有参的怎么办

[jsonline]

因为链接 __proto__ 与 prototype 是构造的最后一步

[palmers]

@ykjsw 为什么呢？

[palmers]

@mrsatangel 这个在哪里可以找到官方解释呢？

[palmers]

@suikator 恩 我随便举例的

[jsonline]

说错了，是第一步，不是最后一步。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new

[learnshare]

sex 不是性别， gender 才是；
#2 的回答比较合适，可以翻翻 JS 权威指南第 6 版，其他书里也应该有讲到类和继承的实现方式

[palmers]

@jsonline 谢谢

[palmers]

@learnshare 嘿嘿 随便取的 我去看看 谢谢!

[sodatea]

new 的过程

## ES5
1. new: https://es5.github.io/#x11.2.2
2. 我们只关心最后一步，调用 [[Construct]] https://es5.github.io/#x13.2.2
3. 设置 prototype 在 5-7 步，调用构造函数在第 8 步，晚于前者

## ES2017
流程是类似的，不过用词改了很多
1. https://tc39.github.io/ecma262/#sec-evaluatenew
2. https://tc39.github.io/ecma262/#sec-ecmascript-function-objects-construct-argumentslist-newtarget
3. 设置 prototype 属性在第 5.a 步， OrdinaryCreateFromConstructor 方法 https://tc39.github.io/ecma262/#sec-ordinarycreatefromconstructor
调用构造函数是第 11 步

通俗的解释就是 MDN 上说的那些

[palmers]

@sodatea 非常感谢 非常感谢！ 很全面！

[kisnows]

```
function Student() {
Student.prototype = new Person() ;
Student.prototype.constructor = Student ;
this.school = 'xxx 大学' ;
return Student.prototype
}
```
你可以这样改一下，虽然还是肯定不对，但是这样应该会好一点。
其实就像 2 楼说的，你新建 student 实例的时候， Student 的 prototype 上还什么都没有。你需要理解一下 new 操作符都干了哪些事情，可以看看我的这篇文章，也许可以帮助你理解。
[JavaScript 中的类和继承]( https://www.kisnows.com/2016/03/21/class%20and%20inherit%20in%20JavaScript/)

[palmers]

@kisnows 好的 谢谢!

[SmiteChow]

这里有个 snippet

https://gist.github.com/lovemyliwu/c91b9735be0dfc1a8267

[martianyi]

es6 大法好，说实话， es5 我也不会这么写

[palmers]

@SmiteChow 谢谢 提供代码实例， 但是对我来说好深奥哦～～ 我大概能理解到是使用空对象来桥接实现继承？ 不知道我理解的对不对 非常感谢！！！ 请问 您的链接后面 "显示 Gist 代码" 是怎么做到的？ 是什么 markdown 语法

[palmers]

@martianyi 嘿嘿 我是前端小白 见笑

[xcodebuild]

这种写法即使写对了也有很大的隐患，例如下面的代码

function Person() {
this.accounts = []
}

function Student() {
}

Student.prototype = new Person()

var a = new Student()
var b = new Student()

a.accounts.push({github: 'https://github.com/IAmA'})

console.log(b.accounts[0].github) // "https://github.com/IAmA"

对 a 的原型链上的引用变量进行操作时同时改变了 b 的原型链上的值

[SmiteChow]

@palmers 是的，主要是为了抹平 new Person() 和 直接写 Person() 的差别，要不然
Person() 只是普通的函数调用
new 出来的东西才是真正意义上的 instance

显示 gist 是 V 站自带的功能

[palmers]

@SmiteChow thank you 非常感谢!!!!