javascript定义对象的方式(javascript中没有类,只有对象)
1)基于已有对象扩充属性和方法(弊端:每次创建都与要重新定义属性方法)
 var object = new Object();
 alert(object.name);  //打印undefined
 //object["name"] = "zhaoyilin"
 object.name = "zhaoyilin"; //为object增添了name属性
 object.sayName = function(name){ //为object增添sayName函数
  this.name = name;
        alert(this.name);
 }
 //var object = {username: zhangsan , password :123};(这样定义最常见)
 alert(object.name);  //打印zhaoyilin
 delete object.name;  //删除
 alert(object.name) ; //打印undefined

2)工厂方式
 //工厂方式创建对象
1:function createObject(password){
   var object = new Object();
   object.username = "张三";
   pbject.password = password;
   object.getusername = function(){
      alert(this.username);   
   }
   return object;
 }
 var object1 = createObject();(弊端:每生成一个对象,都会生成新的getusername方法,浪费内存,我们多个对象需要多份
属性,但只需要共享一个函数对象)

2://改进版
 function getusername(){
  alert(this.username);
 }
 function createObject(password){
   var object = new Object();
   object.username = "张三";
   pbject.password = password;
   object.getusername = getusername; //返回引用
   return object;
 }
 var object1 = createObject();
弊端: 不是很清晰 getusername()方法分开了

3)构造函数方式
  function Person(//可以传参数){
     //在执行第一行代码前,js引擎会为我们生成一个对象
     this.username = "zhangsan"
     this.password = "123"
     this.getInfo = function(){
      alert(this.username+","+"this.password")
     } 
     //此处有一个隐藏的return语句,用于将之前生成的对象返回(必须要用new产生对象才会return) 
  } 
  var person = new Person();

4)原型("prototype")方式
 //使用prototype方式创建对象(prototype是Object对象里面的属性)
1: function Person(){
 }
 Person.prototype.username = "zhangsan";
 Person.prototype.getusername = function(){
  alert(this.username);
 }
 var person = new Person(); //这样生成的对象都拥有username属性和getusername函数
 弊端:单纯使用原型方式定义类无法在构造函数中为属性赋初值,只能在对象生成后再去改变属性值。
2: function Person(){

}
 Person.prototype.username = new Array();
 Person.prototype.getusername = function(){
  alert(this.username);
 }
 var person = new Person();
 person.prototype.push("zhangsan");
 person.prototype.push("lisi")
 var person2 = new Person();
 person.getusername();
 person2.getusername();
 //这两个对象调用getusername()方法都是输出"zhangsan" "lisi" 这就引出了另一个弊端:
 如果使用原型方式对象,那么生成的对象会共项原型中的属性,这样一个对象改变了该属性也会反映到其他对象中.

person ----------->Person ----
                                             |----->username  //这和java的内存管理机制一样
person2----------->Person ----

3: 改进版 : 原型+构造函数定义对象(即不共享属性,但共享方法,是个很好的解决方案)
 function Person(){
   this.username = new Array();
 }
 Person.prototype.getInfo = function(){
   alert(this.username);
 }
 var p = new Person();
 var p2 = new Pesron();
 p.username.push("zhangsan");
 p2.usename.push("lisi");
 调用getInfo() p对象输出zhangsan p2输出lisi 两个数组对象不会相互影响。

5)动态原型方式:在构造函数中定义一个标志量

function Person(){
   this.username = "zhangsan";
   if(typeof Person.flag == "undefined"){
      alert("invoked!");
      Person.prototype.getInfo = function(){   //执行一次就会产生共享方法
       alert(this.username);
      }
      Person.flag = true;
   }
 }
 var person = new Person();
 var person2 = new Person();
 person.getInfo();  //"invoked!" "zhangsan"
 person2.getInfo(); //"zhangsan"

javascript定义对象的方式的更多相关文章

  1. javaScript定义对象的方法

    转自souhu新闻http://news.sohu.com/20110215/n279335637.shtml? javascript定义对象的几种简单方法 1.构造函数方式,全部属性及对象的方法都放 ...

  2. javascript定义对象写法

    javascript定义对象的几种简单方法 1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义 优点:动态的传递参数 缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存 funct ...

  3. JavaScript 的对象继承方式,有几种写法?

    JavaScript 的对象继承方式,有几种写法? 一.对象冒充 其原理如下:构造函数使用 this 关键字给所有属性和方法赋值(即采用类声明的构造函数方式).因为构造函数只是一个函数,所以可使 Pa ...

  4. 架构师JavaScript 的对象继承方式,有几种程序写法?

    架构师JavaScript 的对象继承方式,有几种程序写法?   一.对象冒充 其原理如下:构造函数使用 this 关键字给所有属性和方法赋值(即采用类声明的构造函数方式).因为构造函数只是一个函数, ...

  5. JavaScript定义类的方式与其它OO语言有些差异

    JavaScript面向对象的程序编写与其它OO语言有一些出入,所以使用JavaScript的面向对象特性的时候,需要注意一些规范性的问题.下面就简单地谈一下,JavaScript如何定义一个类,在定 ...

  6. javascript定义函数不同方式的区别

    学习javascript中遇到了这么一个问题,代码如下: var test = 'a'; function test() { alert('Hello World!'); } alert(test); ...

  7. js中定义对象的方式有哪些?

    1.对象直接量 2.构造函数 3.原型方法 4.动态原型方法

  8. 【JS】#001 JS定义对象写法(原型、JSON方式)

    下面主要写两种 JS 定义对象的 常用写法 写法1:[很像面向对象语言中的写法] function zhongxia(age) { this.age = age; } zhongxia.name = ...

  9. 关于javascript自定义对象(来自网络)(最近几天不会的)

    javascript定义对象的几种简单方法 1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义 优点:动态的传递参数 缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存 funct ...

随机推荐

  1. caffe中使用crop_size剪裁训练图片

    layer { name: "data" type: "Data" top: "data" top: "label" i ...

  2. ACE线程管理机制-并发控制(1)

    转载于:http://www.cnblogs.com/TianFang/archive/2006/12/04/581771.html ACE Lock类属 锁类属包含的类包装简单的锁定机制,比如互斥体 ...

  3. 打开cmd窗口新技巧get

    1.在当前目录下,按住shift键+点击右键,选择在此处打开命令窗口 很多时候我们需要打开命令行然后进入到相应目录进行一些操作. 常规的做法是: Win+R打开运行窗口 输入"cmd&quo ...

  4. bzoj2428 [HAOI2006]均分数据 模拟退火

    [HAOI2006]均分数据 Time Limit: 5 Sec  Memory Limit: 128 MBSubmit: 3434  Solved: 1091[Submit][Status][Dis ...

  5. oracle to_char格式数值

    C:\Users\XXX>sqlplus / as sysdba SQL :: Copyright (c) , , Oracle. All Rights Reserved. 连接到: Oracl ...

  6. html 5 新特性

    现在html 5技术是最新的html标准,掌握html 5已经变得非常重要,以下是我查看相关资料后对html 5 的新特性的总结,方便大家对比学习.html 5的新特性1.取消了一些过时的html 4 ...

  7. j2ee 项目部署指引

    j2ee相关的项目一般是web工程或java application,部署到linux服务器上,本文结合自己的经验.教训,总结下部署的过程. 一.准备阶段 部署前要做的事情: 1.明确自己的产品都包含 ...

  8. 【JSP EL】EL表达式获取当前时间(两种方式)

    第一种方式: //先在代码段定义<% long date = new Date().getTime(); request.setAttribute("date", date) ...

  9. C11性能之道:标准库优化

    1.emplace_back减少内存拷贝和移动 emplace_back能通过参数构造对象,不需要拷贝或者移动内存,相比pusk_back能更好的避免内存的拷贝和移动,使容器插入元素性能得到进一步提升 ...

  10. Php扩展--protocolbuffers消息打包

    安装/配置 编译安装 wge thttp://pecl.php.net/get/protocolbuffers-0.2.6.tgz tar -zxvfprotocolbuffers-0.2.6.tgz ...