/**

 *在js中并不存在类,所以能够直接通过Object来创建对象,可是使用这样的方式创建有一

 *弊端:因为没有类的约束,无法实现对象的反复利用,而且没有一种规范约定,在操作时easy带来问题。

 */

var person = new Object();

person.name = "octopus";

person.age = 25;

person.say = function(){

  alert(this.name+","+this.age);

}

json:json就是js的对象,可是它省去了XML标签,而是通过{}来完毕对象的说明。

var person = {

  name:"张三",

  age:25,

  say:function(){

    alert(this.name+","+this.age);

  }

}

//通过json依旧能够创建对象数组,创建方式和js的数组一样。

var ps = [

  {name:"张三",age:25},

  {name:"李四",age:26}

];

for(var i=0;i<ps.length;i++){

  alert(ps[i].name);

}

/**

 * 创建一组用户,用户的属性有:

 * name:String,age:int,friends:Array

 * List<Person> ps = new ArrayList<Person>();

 * ps.add(new Person("张三",25,["Ada","Alice"]));

 * ps.add(new Person("李四",26,["Ada","Chris"]));

 * 把ps转换为json

 */

ps = [

  {

    name:"张三",

    age:25,

    friends:["Ada","Alice"]

  },

  {

    name:"李四",

    age:26,

    friends:["Ada","Chris"]

  }

];

//通过工厂的方式来创建对象

function createPerson(name,age){

  var o = new Object();

  o.name = this.name;

  o.age = this.age;

  o.say = function(){

    alert(this.name+":"+this.age);

  }

  return o;

}

//使用工厂的方式,尽管有效地攻克了类的问题,可是也存在还有一个问题:

//我们无法检測对象p1和p2的详细数据类型,用typeof p1/p2 得到的仅仅能是Object。

var p1 = createPerson("Ada",21); 

var p2 = createPerson("Leon",23);

p1.say();   //Ada:21

p2.say();   //Leon:23

/**

 * 通过构造函数的方式创建,和基于工厂的创建方式类似,

 * 最大的差别就是函数的名称就是类的名称,依照Java约定,第一个字母大写,

 * 使用构造函数创建时,在函数内部是通过thiskeyword来完毕属性的定义。

 */

function Person(name,age){

  this.name = name;

  this.age = age;

  //这样的方式带来的问题是全部的Person对象都会为该行为分配空间

  this.say = function(){

    alert(this.name+","+this.age);

  }

}

//通过Person来创建对象

var p = new Person("octopus",24);

p.say();  //octopus,24

/**

 * 使用构造函数的方式能够通过一下方式来检測对象的类型

 */

alert(p1 instanceof Person);  //true

alert(p1.say==p2.say);    //false

/**可是上述构造函数也会带来一些问题:

 * 1.每个对象中都会存在一个方法的拷贝,假设对象的行为非常对的话,空间的占有率就会大大添加

 * 解决方法:能够将函数放到全局变量中定义,这样能够让类中的行为指向同一个函数。

 */

function Person(name,age){

  this.name = name;

  this.age = age;

  //这样的方式带来的问题是全部的Person对象都会为该行为分配空间

  this.say = say;

}

//将行为设置为全局的

function(){

  alert(this.name+","+this.age);

}

alert(p1.say==p2.say);  //true

//可是假设将行为设置为全局函数的时候,这个函数就能够被window调用,此时就破坏了对象的封装性。

//并且假设非常多类用全局的方式定义了大量的方法,easy造成混乱,也将不利于开发。

下节我们学习用原型的方式创建对象。

原创文章如转载,请注明出处,本文首发于csdn站点:http://blog.csdn.net/magneto7/article/details/24906045

js:对象的创建(为prototype做铺垫)的更多相关文章

  1. js 对象的创建方式和对象的区别

    js一个有三种方法创建对象,这里做一个总结. 1.对象直接量 所谓对象直接量,可以看做是一副映射表,这个方法也是最直接的一个方法,个人比较建议, 1 2 3 4 5 6 7 8 9 10 11 12 ...

  2. js对象的创建与原型总结

    //1 新建对象 var box = new Object(); box.name = "lee"; box.age = 100; box.run = function(){ re ...

  3. js对象的创建

    一.通过对象直接量来创建 var emptyt={};  //相当于var empty=new Object; //如果属性名中包含空格.连字符(-).还有关键字,保留字时,要用字符串表示 var b ...

  4. js对象的创建模式

    方式一: Object构造函数模式 * 套路: 先创建空Object对象, 再动态添加属性/方法 * 适用场景: 起始时不确定对象内部数据 * 问题: 语句太多 /* 一个人: name:" ...

  5. JS对象的创建与使用

    本文内容:     1.介绍对象的两种类型:     2.创建对象并添加成员:     3.访问对象属性:     4.利用for循环枚举对象的属性类型:     5.利用关键字delete删除对象成 ...

  6. js对象的几种创建方式和js实现继承的方式[转]

    一.js对象的创建方式 1. 使用Object构造函数来创建一个对象,下面代码创建了一个person对象,并用两种方式打印出了Name的属性值. var person = new Object(); ...

  7. js对象小结

    前奏 对象是js的基本数据类型,准确来说除了字符串,数字,boolean值,null与undifine之外,js中的值都是对象.js中的对象是一种复合值,他将很多值(原始值或其他对象)聚合在一起,可以 ...

  8. javascript基础-js对象

    一.js对象的创建 1.普通最简单的方式 var teacher = new Object( ); teacher.name = "zhangsan"; teacher.age = ...

  9. JS对象与PHP对象的对比

    一.对象的创建与访问 1.JS对象的创建与访问 //方式一(通过内置构造函数创建后添加属性) var obj = new Object(); obj.name = 'Lucy'; //通过点添加属性 ...

随机推荐

  1. beego学习笔记(2)

    BEEGO的几个特点: 简单化 RESTful 支持.MVC 模型,可以使用 bee 工具快速地开发应用,包括监控代码修改进行热编译.自动化测试代码以及自动化打包部署. 智能化 支持智能路由.智能监控 ...

  2. 洛谷 P1359 租用游艇 题解

    题目传送门 这道题还是上模板啦~~SPFA大法好(本人还是懒得打邻接表) 一道橙题: 上代码: #include<bits/stdc++.h> using namespace std; ] ...

  3. Codeforces Round #489 (Div. 2) E - Nastya and King-Shamans

    E - Nastya and King-Shamans 题目大意:有n个数,每一次操作更改一个数,每次操作之后问你是否有一个数等于其前面所有数的和. 思路:好题,想了很久没想出来,看了题解,主要思想就 ...

  4. openldap quick start guide

    openldap 2.4 在centos 7 x64系统上部署 1 下载源码编译解压tar -xvf xx ./configure make && make install 2 更改配 ...

  5. Https 请求工具(put,post,get)

    package com.util; /** * @Description: 类描述 * @author 作者 ll E-mail:80002132@sf-express.com * @version ...

  6. JAVA编程思想读书笔记(二)--容器

    接上篇JAVA编程思想读书笔记(一) 第八章.对象的容纳 No1: java提供了四种类型的集合类:Vector(矢量).BitSet(位集).Stack(堆栈).Hashtable(散列表) No2 ...

  7. go chapter 11 初始化 map 数组

    // 初始化 map m1 = make(map[string]string) // 初始化 数组 var array3 = []int{9, 10, 11, 12} var a [4]int a[0 ...

  8. 交叉编译iperf源代码

    <Iperf简介> Iperf 是一个网络性能测试工具.Iperf可以测试最大TCP和UDP带宽性能,具有多种参数和UDP特性,可以根据需要调整,可以报告带宽.延迟抖动和数据包丢失. &l ...

  9. 【BZOJ 3443】 3443: 装备合成 (离线+线段树)

    3443: 装备合成 Time Limit: 15 Sec  Memory Limit: 128 MBSubmit: 63  Solved: 31 Description [背景]     lll69 ...

  10. bzoj 3585: mex && 3339: Rmq Problem -- 主席树

    3585: mex Time Limit: 20 Sec  Memory Limit: 128 MB Description 有一个长度为n的数组{a1,a2,...,an}.m次询问,每次询问一个区 ...