摘要:js原型及原型链代码分析js原型及原型链代码分析

脚本宝典收集整理的这篇文章主要介绍了

js实例教程-js原型及原型链代码分析

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

js原型及原型链代码分析

 <!DOCTYPE html>   <html lang="en">   <head>     <meta charset="UTF-8">     <title>title</title>     <script>       //使用对象---->使用对象中的属性和对象中的方法,使用对象就要先有构造函数       //构造函数       function Person(name,age) {         //属性         this.name=name;         this.age=age;         //在构造函数中的方法         this.eat=function () {           console.log("吃好吃的");         };       }       //添加共享的属性       Person.prototype.sex="男";       //添加共享的方法       Person.prototype.sayHi=function () {         console.log("您好啊,怎么这么帅,就是这么帅");       };       //实例化对象,并初始化       var per=new Person("小明",20);       per.sayHi();       //如果想要使用一些属性和方法,并且属性的值在每个对象中都是一样的,方法在每个对象中的操作也都是一样,那么,为了共享数据,节省内存空间,是可以把属性和方法通过原型的方式进行赋值          console.dir(per);//实例对象的结构       console.dir(Person);//构造函数的结构          //实例对象的原型__proto__和构造函数的原型prototype指向是相同的          //实例对象中的__proto__原型指向的是构造函数中的原型prototype       console.log(per.__proto__==Person.prototype);       //实例对象中__proto__是原型,浏览器使用的       //构造函数中的prototype是原型,程序员使用的          //原型链:是一种关系,实例对象和原型对象之间的关系,关系是通过原型(__proto__)来联系的              </script>   </head>   <body>         </body>   </html>  

js原型及原型链代码分析

 <!DOCTYPE html>   <html lang="en">   <head>     <meta charset="UTF-8">     <title>title</title>     <script>       //使用对象---->使用对象中的属性和对象中的方法,使用对象就要先有构造函数       //构造函数       function Person(name,age) {         //属性         this.name=name;         this.age=age;         //在构造函数中的方法         this.eat=function () {           console.log("吃好吃的");         };       }       //添加共享的属性       Person.prototype.sex="男";       //添加共享的方法       Person.prototype.sayHi=function () {         console.log("您好啊,怎么这么帅,就是这么帅");       };       //实例化对象,并初始化       var per=new Person("小明",20);       per.sayHi();       //如果想要使用一些属性和方法,并且属性的值在每个对象中都是一样的,方法在每个对象中的操作也都是一样,那么,为了共享数据,节省内存空间,是可以把属性和方法通过原型的方式进行赋值          console.dir(per);//实例对象的结构       console.dir(Person);//构造函数的结构          //实例对象的原型__proto__和构造函数的原型prototype指向是相同的          //实例对象中的__proto__原型指向的是构造函数中的原型prototype       console.log(per.__proto__==Person.prototype);       //实例对象中__proto__是原型,浏览器使用的       //构造函数中的prototype是原型,程序员使用的          //原型链:是一种关系,实例对象和原型对象之间的关系,关系是通过原型(__proto__)来联系的              </script>   </head>   <body>         </body>   </html>  

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

总结

以上是脚本宝典为你收集整理的

js实例教程-js原型及原型链代码分析

全部内容,希望文章能够帮你解决

js实例教程-js原型及原型链代码分析

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过