js:对象的创建(为prototype做铺垫)
/**
*在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做铺垫)的更多相关文章
- js 对象的创建方式和对象的区别
js一个有三种方法创建对象,这里做一个总结. 1.对象直接量 所谓对象直接量,可以看做是一副映射表,这个方法也是最直接的一个方法,个人比较建议, 1 2 3 4 5 6 7 8 9 10 11 12 ...
- js对象的创建与原型总结
//1 新建对象 var box = new Object(); box.name = "lee"; box.age = 100; box.run = function(){ re ...
- js对象的创建
一.通过对象直接量来创建 var emptyt={}; //相当于var empty=new Object; //如果属性名中包含空格.连字符(-).还有关键字,保留字时,要用字符串表示 var b ...
- js对象的创建模式
方式一: Object构造函数模式 * 套路: 先创建空Object对象, 再动态添加属性/方法 * 适用场景: 起始时不确定对象内部数据 * 问题: 语句太多 /* 一个人: name:" ...
- JS对象的创建与使用
本文内容: 1.介绍对象的两种类型: 2.创建对象并添加成员: 3.访问对象属性: 4.利用for循环枚举对象的属性类型: 5.利用关键字delete删除对象成 ...
- js对象的几种创建方式和js实现继承的方式[转]
一.js对象的创建方式 1. 使用Object构造函数来创建一个对象,下面代码创建了一个person对象,并用两种方式打印出了Name的属性值. var person = new Object(); ...
- js对象小结
前奏 对象是js的基本数据类型,准确来说除了字符串,数字,boolean值,null与undifine之外,js中的值都是对象.js中的对象是一种复合值,他将很多值(原始值或其他对象)聚合在一起,可以 ...
- javascript基础-js对象
一.js对象的创建 1.普通最简单的方式 var teacher = new Object( ); teacher.name = "zhangsan"; teacher.age = ...
- JS对象与PHP对象的对比
一.对象的创建与访问 1.JS对象的创建与访问 //方式一(通过内置构造函数创建后添加属性) var obj = new Object(); obj.name = 'Lucy'; //通过点添加属性 ...
随机推荐
- HDU 1285 确定比赛名次(拓扑排序模板)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1285 题目大意:有N个比赛队(1<=N<=500),编号依次为1,2,3,....,N进行 ...
- 以太坊go-ethereum客户端查询交易列表(二)
玩过比特币的朋友都知道,比特币是可以通过api(listtransactions)查询指定地址的历史交易的.但在eth中没有提供类似的查询api.今天这篇博客就简单介绍一下如果解决这个问题. 问题 以 ...
- [实战]MVC5+EF6+MySql企业网盘实战(25)——种子列表
写在前面 上篇文章实现了视频列表,本篇文章继续实现其他的文件列表.功能相似.这里就不再赘述. 系列文章 [EF]vs15+ef6+mysql code first方式 [实战]MVC5+EF6+MyS ...
- git使用点滴:如何查看commit的内容
在push之前有时候会不放心是不是忘记加某些文件,或者是不是多删了个什么东西,这时候希望能够看看上次commit都做了些什么. 一开始想到的是用Git diff,但是git diff用于当前修改尚未c ...
- 牛客练习赛9 F - 珂朵莉的约数
题目描述 珂朵莉给你一个长为n的序列,有m次查询 每次查询给两个数l,r 设s为区间[l,r]内所有数的乘积 求s的约数个数mod 1000000007 输入描述: 第一行两个正整数n,m第二行一个长 ...
- BNUOJ 52517 Another Server
网络流. 似乎有别的做法,没想. #include<bits/stdc++.h> using namespace std; + ; const int INF = 0x7FFFFFFF; ...
- 洛谷P2680 运输计划 [LCA,树上差分,二分答案]
题目传送门 运输计划 Description 公元 2044 年,人类进入了宇宙纪元.L 国有 n 个星球,还有 n?1 条双向航道,每条航道建立在两个星球之间, 这 n?1 条航道连通了 L 国的所 ...
- SSM相关资料
MyBatis: 官方文档 MyBatis-Spring:官方文档 SpringMVC整合MyBatis实例 SSM框架详细整合教程 一步一步带你搭建后台管理系统之SSM框架整合 SSM框架入门和搭建 ...
- scrapy抓取拉勾网职位信息(七)——数据存储(MongoDB,Mysql,本地CSV)
上一篇完成了随机UA和随机代理的设置,让爬虫能更稳定的运行,本篇将爬取好的数据进行存储,包括本地文件,关系型数据库(以Mysql为例),非关系型数据库(以MongoDB为例). 实际上我们在编写爬虫r ...
- 洛谷——P1330 封锁阳光大学
P1330 封锁阳光大学 题目描述 曹是一只爱刷街的老曹,暑假期间,他每天都欢快地在阳光大学的校园里刷街.河蟹看到欢快的曹,感到不爽.河蟹决定封锁阳光大学,不让曹刷街. 阳光大学的校园是一张由N个点构 ...