位置: 编程技术 - 正文

javascript 对象定义方法 简单易学(javascript对象定义)

编辑:rootadmin
工厂模式: 初级开发者可能会这样定义对象: var obj = new Object(); obj.name = "hero"; obj.showName=function (){alert(this.name);} 这里存在一个问题就是如果我们要在多个地方用obj对象,可能在程序中类似的代码要写好多遍,于是产生了工厂方法 function createObj() { var obj = new Object(); obj.name="hero"; obj.showName=function (){alert(this.name);} return obj; } var obj1 = createObj(); var obj2 = createObj(); 和另外一种方法 构造函数法 function obj (name) { this.name=name; this.showName= function (){alert(this.name);} } 把生成对象的代码封装起来,避免出现重复new的代码,当然也可以进一步改进,就是createObj传递一些参数,而不是给obj赋默认固定值: function createObj(name) { var obj = new Object(); obj.name=name; obj.showName=function (){alert(this.name);} return obj; } var obj1 = createObj("hero"); var o'b'j2=createObj("dby"); 但是存在一个问题,就是我们每次调用createObj函数都会创建新的函数 showName.意味着每个对象都有自己版本的showName,所以要改进避开这个问题. function showName() { alert(this.name) } function createObj(name) { var obj = new Object(); obj.name=name; obj.showName=showName; return obj; } 这样就解决了 重复创建函数的问题, 哈哈哈,大功告成 . 原型方式: 主要是利用对象的prototype属性. function obj() {} obj.prototype.name="hero"; obj.prototype.showName=function() { alert(this.name); } 看起来似乎比刚才的工厂还完美,但是 有一个问题,该函数没有构造函数,属性是通过prototype指定的,这一点在实际应用中很让人头疼,所有的实例的属性都一样实在是不能让人接受.尤其还存在一个安全隐患,那就是当对象中有引用时,例如 加上这样一段 obj.prototype.nameArray = new Array("hero","dby"); 然后 obj1 = new obj(); obj2 = new obj(); obj1.nameArray.push("lxw"); 在obj2的nameArray中将也会看到这个属性,因为两个对象的nameArray指向的是同一个引用. 所以这种方式并不是理想方法. 需要 改进 结合构造函数,在构造函数定义属性,用原型定义方法 例如 fuction obj(name) { this.name = name this.nameArray = new Array("hero","dby"); } obj.prototype.showName = function(){alert(this.name)} 所有的非函数属性都在构造函数里创建,函数属性用prototype方式创建,obj1 中改变nameArray的值,不会影响到obj2对象的nameArray的值, 而且只有一个showName函数,所以没有内存浪费. 基本上完美了,剩下的基本都是一下其他的修饰了.有兴趣的可以自己改着玩玩. 笔者在这里加上一个单例 玩了一下: function obj (name) { this.name = name; this.nameArray=new Array("hero","dby"); if(typeof obj._initialized=='undefined') { obj.prototype.showName=function(){alert(this.name);} obj._initialized="true"; } } 其实不算是单例, 只不过是在构造对象的时候,先判断一个属性是否被定义,如果没有定义,那么用原型方法继续定义对象,如果已经定义了属性,那么就不在重复定义函数了. 该prototype方法只被创建一次,病赋值一次. 又差不多完美了,大功告成 . 这是个人的理解,,希望对大家有帮助,不完善的地方请qq联系,及时改正。 这是一个完整的实例: function Rectangle(name,color,width,heigth){ this.name=name; this.color=color; this.width=width; this.heigth=heigth; } Rectangle.prototype.area=function(){ return this.width*this.heigth } Rectangle.prototype.show=function(){ document.write(this.name+" "+this.color+" "+this.width+" "+this.heigth+"<br/>"); document.write(this.area()); } var obj1= new Rectangle("Rectangle","red",,); obj1.show();

推荐整理分享javascript 对象定义方法 简单易学(javascript对象定义),希望有所帮助,仅作参考,欢迎阅读内容。

javascript 对象定义方法 简单易学(javascript对象定义)

文章相关热门搜索词:javascript怎么定义对象,javascript对象定义不可以跨越多行,js怎么定义对象,js定义对象的几种方法,javascript对象定义,js对象用法,javascript对象定义,javascript对象定义不可以跨越多行,内容如对您有帮助,希望把文章链接给更多的朋友!

JAVASCRIPT THIS详解 面向对象 虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的。JavaScript也提供了这个this关键字,不过用起来就比经典OO语言中要"

用JavaScript实现单继承和多继承的简单方法 JavaScript就其本质是函数式编程语言,是Lisp的后代,同时又加入了一下面向对象编程的元素,放弃了一些难懂的函数式语言的元素。函数式编程语言可以

javascript 写类方式之一 EMCA规范中没有类(class)的概念,js的new只是让他看起来更像c++,java一点。这里说的写类,只是书写js代码风格而已。1、构造函数方式/***Person类:定义一

标签: javascript对象定义

本文链接地址:https://www.jiuchutong.com/biancheng/386464.html 转载请保留说明!

上一篇:JavaScript 面向对象入门精简篇第1/2页(javascript面向对象精要)

下一篇:JAVASCRIPT THIS详解 面向对象

  • 胶水开票开什么类目
  • 定额发票上可以盖章吗
  • 软件产品出口退税条件
  • 转入公司对公账户怎么办
  • 一般纳税人兼营不同税率
  • 对外贸易出口公司
  • 公司购车购置税怎么交款
  • 企业的管理人
  • 小微企业季度超过45万如何填申报表
  • 企业允许加计扣除的研发费用主要包括哪些?
  • 待认证税额是几级科目
  • 收到的发票开票人是管理员,这样可以吗?
  • 会计报表指标也称为什么
  • 本年利润年末怎么结转到利润分配
  • 洗衣店每个月水电费多少钱
  • 关税征收目的
  • 企业购入土地如何处理
  • 个人代开专票季未超30万附加税需要交吗
  • 跨月发票作废怎么红冲
  • 财务报表包含哪些表
  • 支付给法律顾问的钱
  • 法院强制拍卖房子流程
  • 个体工商户清算报告
  • 深度操作系统的窗口管理器
  • 研发费中废料收入怎么处理
  • win11如何设置安装位置
  • php中的类
  • 国产操作系统两项全球第一
  • 土地使用税的税目写什么
  • PHP:Memcached::getResultCode()的用法_Memcached类
  • 为什么篮牙耳机卡
  • 房地产会计核算地上地下成本分摊
  • 行政单位预算外资金收入上缴财政专户的方式不包括
  • 汇算清缴怎么调减
  • 微信php源码
  • object的类有哪些
  • 织梦怎么样
  • 收到的稳岗补贴是否需要交税
  • 公司购买led屏幕做到什么费用
  • 一次性计提和一次性支付的区别
  • 增值税普票能抵税吗
  • 上季度忘记申报个税了
  • 公司注销单位公积金账户余额怎么处理
  • 资金账簿印花税减半政策
  • MYSQL administrator 使用
  • 公司租用个人房子凭收据可以入账吗
  • 视同销售收入是纳税调整项目吗?
  • 公司购买理财产品收益会计分录
  • 个体户需要实缴吗
  • 汇算清缴时发现收入少了
  • 个体户需要给员工买五险一金吗
  • 补缴税款需要交滞纳金吗
  • 房地产企业扣除项目
  • 外汇汇兑损益财务处理
  • 实收资本可以做现金吗
  • 样品制作公司
  • 暂估的应付账款需要调整报表吗
  • 电梯广告租赁属于什么服务
  • 劳动纠纷给员工的建议
  • 制造费用分配结转表
  • 系统存储过程以什么开头
  • mysql常见报错
  • 勒索病毒2021
  • xp系统怎么新建桌面
  • Win10 Mobile RS2预览版WiFi设置页面将和pc页面相同
  • win8系统怎么关掉开机密码
  • 借用自带功能给win8.1系统做开始菜单(不仅仅是一个开始按钮)
  • xp如何升级到sp3
  • win8.1c盘满了怎么办
  • bootstrap栅格布局
  • 关于js的描述错误的是
  • unity3d改变物体坐标系
  • android draglistview中拖动异常显示,无法移动到原先位置
  • 生猪屠宰行业
  • 甘肃国家税务总局
  • 小微企业企业所得税是多少?
  • 百旺税控盘口令是多少
  • 江西省国税局全称
  • 个体工商户如何注销
  • 浙江网上税务局申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设