最后
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。
-
技术要深入到什么程度？
-
做久了技术总要转型管理？
-
我能做什么，我想做什么？
-
一技之长，就是深耕你的专业技能，你的专业技术。（重点）
-
独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）
-
拥有事业，选择一份使命，带领团队实现它。（创业）
一技之长分五个层次
-
栈内技术 - 是指你的前端专业领域技术
-
栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识
-
工程经验 - 是建设专业技术体系的“解决方案”
-
带人做事 - 是对团队协作能力的要求
-
业界发声 - 工作经验总结对外分享，与他人交流
永远不要放弃一技之长，它值得你长期
信仰持有。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。
function Fn(name,age){
this.name = name;
this.age = age;
}
/*
由以上第3点可知，所有的函数都有一个prototype属性，这个属性是一个普通对象
由以上第1点可知，所有的对象可以通过prototype自由扩展属性（除了null）
*/
Fn.prototype = {
// prototype对象里面又有其他的属性
showName: function(){
console.log("My name is " + this.name);
},
showAge: function(){
console.log(“I’m " + this.age + " years old”);
}
}
let obj = new Fn(‘leo’,18)
/*
当访问一个对象的属性时，如果该对象本身不存在这个属性，
那么就会去它的构造函数的prototype属性中去找
*/
obj.showName(); // My name is leo
obj.showAge(); // I’m 18 years old
这就是原型，很好理解。那为什么要使用原型呢？
试想如果我们要通过 Fn() 来创建多个对象，会这么写
function Fn(name,age){
this.name =name;
this.age = age;
this.showName = function(){
console.log("My name is " + this.name);
},
this.showAge = function(){
console.log(“I’m " + this.age + " years old”);
}
}
那么我们创建出来的每一个对象，里面都会包含showName和showAge方法，这样就会占用很多的资源。而通过原型来实现的话，只需要在构造函数里面给 prototype 属性赋值，把扩展的方法写在Fn.prototype 属性里面，这样通过该构造函数构造出来的每个对象都可以使用 prototype 属性里面的 showName、showAge 方法，节省了不少资源。
原型链
理解了原型，那么原型链就很好理解了。
由第5点可知，当访问一个对象的属性时，如果该对象本身不存在这个属性，那么就会去它构造函数的“prototype”属性（即原型）中去寻找，又因为“prototype”属性也是一个对象，所以它也有一个“__proto__”属性
// 定义一个构造函数
function Foo(name,age){
this.name = name;
this.age = age;
}
Object.prototype.toString = function(){
console.log(“My name is " + this.name + " And I’m " + this.age + " years old”);
}
let fn = new Foo(‘leo’,18);
fn.toString(); // My name id leo And I’m 18 years old
console.log(fn.proto === Foo.prototype); // true
console.log(Foo.prototype.proto === Object.prototype); // true
console.log(fn.toString === Foo.prototype.proto.toString); // true
// 原型链机制（层层往上找），fn.toString实际访问的是Object.prototype.toString
console.log(fn.toString === Object.prototype.toString); // true
console.log(Object.prototype.proto === null); // true
由上面的例子，得到如下图（图片来源网络）
1、fn 实例的构造函数是 Foo()，因此
fn.__ proto__ === Foo.prototype
2、Foo.prototype 也是一个对象（拥有 __proto__ 属性），它的构造函数是 Object()，因此
Foo.prototype.proto === Object.prototype
3、toString() 是在 Object.prototype 里面的，当调用的对象本身不存在该方法时，它会一层一层地往上去找，一直到null为止。
4、fn 调用 toString() 时，发现 fn 本身没有这个方法，于是就去 Foo.prototype 中找，发现还是没有，然后继续往 Object.prototype 中找，找到了，就调用 Object.prototype 中的 toString() 方法。
这就是原型链，fn 能够调用 Object.prototype 中的方法正是因为原型链的机制。
注意：在使用原型的时候，一般推荐将需要扩展的方法写在构造函数的 prototype 属性中。
理解了上面的例子之后，我们再来看以下这个图（图片来源网络）
最后
如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
