前端面向对象理解
Posted malong1992
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端面向对象理解相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>面向对象</title> </head> <body> <script> function Cat() { //Cat 猫 //this = {} 让this指向一个空对象 // var t ={}; // this = t; // t.__proto__ =Cat.prototype this.age=18 this.show=function () { console.log(this.age) } // return this } Cat.prototype.name=‘hangsan‘ var cat = new Cat(); //通过构造函数创建一个对象出来 // cat.show() /*new:内部原理 第0步:在内存中开辟一块空间 第一步:创建一个新的空对象 第二步:让this指向这个空对象 第三步:把空对象的内部原型指向构造函数的原型对象 第四步:当构造函数执行完后,如果有return的话,那么把当前的空对象返回*/ // console.log(Cat.prototype==cat.__proto__) </script> </body> </html>
以上是关于前端面向对象理解的主要内容,如果未能解决你的问题,请参考以下文章