JavaScript 面向对象基础简单示例


Posted in Javascript onOctober 02, 2019

本文实例讲述了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('3water');
obj1.name
obj1.sayName()
var obj2 = new Foo('三水点靠木');
obj2.name
obj2.sayName ()
</script>

运行结果:

JavaScript 面向对象基础简单示例

: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('3water.com');
obj2.name
obj2.sayName()
</script>

运行结果:

JavaScript 面向对象基础简单示例

:每一个对象内只封装了一个name。
:调用obj1.sayName()时会先找Foo类,然后在去Foo的原型里找sayName。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
Feb 03 Javascript
JS 去前后空格大全(IE9亲测)
Jul 15 Javascript
JavaScript打印iframe内容示例代码
Aug 20 Javascript
javascript对下拉列表框(select)的操作实例讲解
Nov 29 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
JavaScript重定向URL参数的两种方法小结
Oct 19 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
5分钟打造简易高效的webpack常用配置
Jul 04 Javascript
js中如何完美的解析数据
Mar 18 Javascript
vue 进阶之实现父子组件间的传值
Apr 26 Javascript
在vue项目中使用sass语法问题
Jul 18 Javascript
javascript实现动态时钟的启动和停止
Jul 29 Javascript
Nautil 中使用双向数据绑定的实现
Oct 02 #Javascript
详解element-ui级联菜单(城市三级联动菜单)和回显问题
Oct 02 #Javascript
基于iview-admin实现动态路由的示例代码
Oct 02 #Javascript
你不可不知的Vue.js列表渲染详解
Oct 01 #Javascript
基于VUE的v-charts的曲线显示功能
Oct 01 #Javascript
Echarts地图添加引导线效果(labelLine)
Sep 30 #Javascript
javascript实现摄像头拍照预览
Sep 30 #Javascript
You might like
浅析PHP水印技术
2007/02/14 PHP
探讨捕获php错误信息方法的详解
2013/06/09 PHP
php画图实例
2014/11/05 PHP
Prototype使用指南之enumerable.js
2007/01/10 Javascript
js 用CreateElement动态创建标签示例
2013/11/20 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
2014/06/09 Javascript
express的中间件cookieParser详解
2014/12/04 Javascript
Bootstrap表单使用方法详解
2017/02/17 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
2018/02/08 Javascript
Vue表单demo v-model双向绑定问题
2018/06/29 Javascript
微信小程序左滑删除功能开发案例详解
2018/11/12 Javascript
JS隐藏号码中间4位代码实例
2019/04/09 Javascript
jQuery - AJAX load() 实例用法详解
2019/08/27 jQuery
使用Typescript和ES模块发布Node模块的方法
2020/05/25 Javascript
基于openlayers实现角度测量功能
2020/09/28 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
[42:48]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第二场 12.11
2020/12/16 DOTA
Python采集代理ip并判断是否可用和定时更新的方法
2018/05/07 Python
python日志logging模块使用方法分析
2019/05/23 Python
Python利用FFT进行简单滤波的实现
2020/02/26 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
浅谈sklearn中predict与predict_proba区别
2020/06/28 Python
详解Anaconda 的安装教程
2020/09/23 Python
详解python3类型注释annotations实用案例
2021/01/20 Python
世界领先的以旅馆为主的在线预订平台:Hostelworld
2016/10/09 全球购物
Love, Bonito国际官网:新加坡女装品牌
2021/03/13 全球购物
广告学专业毕业生自荐信
2013/09/24 职场文书
成龙洗发水广告词
2014/03/14 职场文书
优秀团员事迹材料2000字
2014/08/20 职场文书
公司授权委托书格式范文
2014/10/02 职场文书
导游词怎么写
2015/02/04 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
团队合作精神学习心得体会
2016/01/19 职场文书
高三生物教学反思
2016/02/22 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
Nginx+Windows搭建域名访问环境的操作方法
2022/03/17 Servers