JavaScript 面向对象基础简单示例
网络编程 2021-07-04 15:01www.168986.cn编程入门
这篇文章主要介绍了JavaScript 面向对象基础,结合简单实例形式分析了JavaScript面向对象程序设计中类的定义、类方法与属性相关操作技巧,需要的朋友可以参考下
本文实例讲述了JavaScript 面向对象。分享给大家供大家参考,具体如下
JavaScript 面向对象
- thisthis代指对象(python self)
- 对象 = new 函数()创建对象添加“new 函数()”相当与创建对象
- 类名:prototype={方法} 创建类原型
类
<script> function Foo(n){ this.name = n; this.sayName = function(){ console.log(this.name) } } var obj1 = new Foo('jb51'); obj1.name obj1.sayName() var obj2 = new Foo('狼蚁SEO'); obj2.name obj2.sayName () </script>
运行结果
注obj1~2 对象内存里会重复调用this.sayName,从而增加内存损耗。
注创建obj对象并传入参数、obj1.name就是we。
注obj1.sayNmae() 执行方法 调用obj1的name等于we。
类原型
<script> function Foo(n){ this.name = n; } // Foo的原型 Foo.prototype = { 'sayName': function(){ console.log(this.name) } } var obj1 = new Foo('欢迎访问'); obj1.name obj1.sayName() var obj2 = new Foo('.jb51.'); obj2.name obj2.sayName() </script>
运行结果
注每一个对象内只封装了一个name。
注调用obj1.sayName()时会先找Foo类,然后在去Foo的原型里找sayName。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南