对象,在Java当中用的最多的,但是js也有这个概念。

  有了对象,处好了就可以结婚了(请容我慢慢道来别不信,处好了当然可以结婚)

  来来,我们先创建一个对象,

  创建对象的方法有各种各样的,你找对象的地方也不是各个地方嘛...咖啡厅、商城、甚至公交车上(神人)

  工厂方法:

  function girlFriend(){

    var obj=new obj;

    obj. name="aaa";

    obj.age=18;

    obj.getName=function(){

     return  this.name;

    }

  return obj;

  }

  构造函数模式:

  function girlFirend(){

    this.name="lick";

    this.age=18;

    this.getName(){

      return this.name

    }

  }

  是不是看起来不错啊,我们分析一下两个女票的异同点:

  相同点:都可以创建一个女票(废话)

  不同点:工厂女票每次都要在方法当中新建一个对象,而构造女票不需要。

      工厂女票显示创建了对象,而构造女票并没有。

      工厂女票返回了一个对象,但是构造函数并没有返回。

  构造女票也遇到了点问题:每一次创建对象对需要创建一个新的方法,相当与每个对象都有自己的方法,这不科学我们需要的是每个对象都有同一个方法,这个月的话解决方案就是使用一个外部的全局函数,但是接下来又出现问题了,那就是函数的隐蔽性又没了,完全暴露在外,所以有以下创建女票的方式。

  另一种遇到女票的方式:

  原型模式

   function girlFriend(){

    girlFriend.prototype.name="lick";

    girlFriend.prototype.age=18;

    girlFriend.prototype.getName(){

       return this.name

    }

  }

  var gf=new girlFriend();

console.log(gf.age);

 但是这个女票也会出现问题!

  这个忘记了引用类型的问题,比如Arry()

 function girlFriend(){

    girlFriend.prototype.name="lick";

    girlFriend.prototype.age=18;

    girlFriend.prototype.arr=[1,2,3];

    girlFriend.prototype.getName(){

       return this.name

    }

  }

出现了两个女票分别向arr[]插入数值

var gf=new girlFriend();

gf.arr.push(4)//arr[1,2,3,4]

var gf1=new girlFriend();

gf.arr.push(4);//arr[1,2,3,4,4]

所以这个不可取(娶)啊。

接下来介绍一个更好一点的妹子,也是成功率和好评率最高的妹子给你。

构造函数和原先模式混合:

要有这样一个思想,那就是构造函数用来做属性的定义,原型用来做方法

function girlFrind(name,age){

  this.name=name;

  this.age=age;

  this.arr=[1,2,3,4];

}

girlFriend.prototype={

  constructor:girlFriend,

  getName:function(){

    return this.name

  }

}

var gf=new girlFriend("lick",18);

gf.arr.push(5);//arr=[1,2,3,4,5];

var gf1=new girlFriend("lick1",18);

gf1.arr.push(6);//arr=[1,2,3,4,6];是不是很神奇

而且有一点就是调用的gf.getName===gf1.getName

 

JS 对象的更多相关文章

  1. JS对象继承篇

    JS对象继承篇 ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的 原型链 其基本思路是利用原型让一个引用类型继承另一个引用类型的属性和方法 function Person() ...

  2. JS 对象封装的常用方式

    JS是一门面向对象语言,其对象是用prototype属性来模拟的,下面,来看看如何封装JS对象. 常规封装 function Person (name,age,sex){ this.name = na ...

  3. JSON字符串和JS对象之间的转换

    JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象  JSON字符串 str JSON.parse(str) eval(str) eva ...

  4. js 对象的_proto_

    js 对象呢,有个属性叫_proto_,以前没听说过,也没关注,最近看这个原型,就被迫知道了这个东西,js 这里面的东西,真是规定的很奇怪,具体为啥也不知道,就测试发现的,对象的_proto_属性,和 ...

  5. js对象/数组深度复制

    今天碰到个问题,js对象.数组深度复制:之前有见过类似的,不过没有实现函数复制,今晚想了一下,实现代码如下: function clone(obj) { var a; if(obj instanceo ...

  6. js对象的深度克隆

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. js对象详解

    js自定义对象 一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在J ...

  8. js对象常用2中构造方法

    //js 对象的构造方法通常有2中情况: //第一种是通过json对象构造 var persion={ name:"孙悟空", age:40, eat:function () { ...

  9. JS对象复制

    在JavaScript很多人复制一个对象的时候都是直接用"=",因为大家都觉得脚本语言是没有指针.引用.地址之类的,所以直接用"="就可以把一个对象复制给另外一 ...

  10. js对象私有变量公有变量问题

    0 js对象私有变量公有变量问题5 小弟初学JS面向对象编程 现有一问题 请教各位大虾: Person=function (){ //私有变量定义 var name; vae age; var Ale ...

随机推荐

  1. linux查看系统命令

    [root@server ~] # uname –a                       # 查看内核/操作系统/CPU信息的linux系统信息命令 [root@server ~] # hea ...

  2. Android内存优化之 LruCache与DiskLruCache

    在日常的Adroid开发中我们经常遇到需要处理大量图片的地方,但Android手机的内存有限该怎么避免手机 内存溢出导致app程序oom,google提供了两种解决方式 LruCache LruCac ...

  3. Xcode开发小问题集锦

    Q:用Xcode 6 创建的工程在iOS 7的设备上运行时上下部均会出现黑色的区域且应用不能全屏运行. A:Targets -> General -> App Icons and Laun ...

  4. C# FTP/SFTP文件传输控件FTP for .NET/.NET CF 详细介绍

    FTP for .NET将FTP客户端功能添加到您的应用程序之中..NET控件的FTP支持所有常用的FTP服务器以及代理服务器,包括可扩展的目录解析.同步以及异步操作.主动与被动模式.以VB.NET与 ...

  5. 第一章 JavaScript简史

    JavaScript:  一种使网页具有交互能力的程序设计语言. BOM: 浏览器对象模型,指通过JS用来调整Web浏览器的高度.宽度和位置属性的办法. DHTML: 1.利用HTML标记各种元素   ...

  6. System.Web.Script.Serialization引用找不到的问题

    之前在项目中要使用JavascriptSerializer这个类,需要引入System.Web.Script.Serialization命名空间,但是在添加引用中找不到这个命名空间,后来才得知Syst ...

  7. the king of fighter

    wim 学习部分摘自coolshell http://coolshell.cn/articles/5426.html 基本式 i → Insert 模式,按 ESC 回到 Normal 模式. x → ...

  8. C语言程序设计第六次作业

    同学们,本周我们已经学完了顺序结构.选择结构和循环结构,你都理解并掌握了吗?现在就好好理理思路,做个阶段总结吧.本周的知识点总结要求大家在理解的基础上对结构化程序设计的三种基本结构做一个全面的总结. ...

  9. vimperator setting records

    vimperator confugration files :highlight Hint color:#000;background:rgb(250,230,150);border-radius:4 ...

  10. SharePoint 2013配置 Workflow Manager

    折腾了好几天,用Windows Server 2012 R2安装 SharePoint Server 2013都没装上去.最后发现必须安装带SP1的SharePoint 2013,不然那一步IIS永远 ...