JavaScript 面向对象基础简单示例
更新时间：2019年10月02日 10:30:49 作者：kevin.Xiang
这篇文章主要介绍了JavaScript 面向对象基础,结合简单实例形式分析了JavaScript面向对象程序设计中类的定义、类方法与属性相关操作技巧,需要的朋友可以参考下
本文实例讲述了JavaScript 面向对象。分享给大家供大家参考，具体如下：
JavaScript 面向对象
- this：this代指对象(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('脚本之家');
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('www.jb51.net');
obj2.name
obj2.sayName()
</script>
运行结果：
注：每一个对象内只封装了一个name。
注：调用obj1.sayName()时会先找Foo类，然后在去Foo的原型里找sayName。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
本篇文章主要介绍了js封装成插件的步骤方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要为大家介绍了Fuse.js模糊查询算法学习指南，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了JavaScript中的异常捕捉介绍,本文讲解了throw语句抛出异常,try/catch/finally语句捕捉异常,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了bootstrap select插件封装成Vue2.0组件的相关方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要介绍了微信小程序之左右布局的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
这篇文章主要为大家详细介绍了JavaScript实现弹出式可拖动登录框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
这篇文章主要为大家详细介绍了小程序实现单选多选功能，可自定义样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要为大家详细介绍了JavaScript实现音乐自动切换和轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
获取radio选中值的方法有很多，在本文为大家介绍的是使用for循环来实现，具体的实现如下，感兴趣的朋友可以参考下2013-10-10
这篇文章主要介绍了详解多页应用 Webpack4 配置优化与踩坑记录，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
最新评论