JS 对象
对象,在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 对象的更多相关文章
- JS对象继承篇
JS对象继承篇 ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的 原型链 其基本思路是利用原型让一个引用类型继承另一个引用类型的属性和方法 function Person() ...
- JS 对象封装的常用方式
JS是一门面向对象语言,其对象是用prototype属性来模拟的,下面,来看看如何封装JS对象. 常规封装 function Person (name,age,sex){ this.name = na ...
- JSON字符串和JS对象之间的转换
JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象 JSON字符串 str JSON.parse(str) eval(str) eva ...
- js 对象的_proto_
js 对象呢,有个属性叫_proto_,以前没听说过,也没关注,最近看这个原型,就被迫知道了这个东西,js 这里面的东西,真是规定的很奇怪,具体为啥也不知道,就测试发现的,对象的_proto_属性,和 ...
- js对象/数组深度复制
今天碰到个问题,js对象.数组深度复制:之前有见过类似的,不过没有实现函数复制,今晚想了一下,实现代码如下: function clone(obj) { var a; if(obj instanceo ...
- js对象的深度克隆
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- js对象详解
js自定义对象 一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在J ...
- js对象常用2中构造方法
//js 对象的构造方法通常有2中情况: //第一种是通过json对象构造 var persion={ name:"孙悟空", age:40, eat:function () { ...
- JS对象复制
在JavaScript很多人复制一个对象的时候都是直接用"=",因为大家都觉得脚本语言是没有指针.引用.地址之类的,所以直接用"="就可以把一个对象复制给另外一 ...
- js对象私有变量公有变量问题
0 js对象私有变量公有变量问题5 小弟初学JS面向对象编程 现有一问题 请教各位大虾: Person=function (){ //私有变量定义 var name; vae age; var Ale ...
随机推荐
- java基础之 工具类
一.StringUtils StringUtils.isEmpty(null) && StringUtils.isEmpty(""); // true String ...
- LCD内核自带驱动分析
分析内种LCD驱动程序框架 LCD在fbmem.c文件中1.找到init.函数 static int __initfbmem_init(void){ 做的工作: (1).if (register_ch ...
- 对于java.lang.NoSuchMethodError: antlr.collections.AST.getLine()I错误解决
在J2EE框架下开发web网站,这种问题经常遇到,只要我们网上搜一下,就可以看到很多版本的,我整理一下: 第一种可能性解决:看看我的项目:主要 是里面的Structs 1.3 (structs 2)和 ...
- Theoretical comparison between the Gini Index and Information Gain criteria
Knowledge Discovery in Databases (KDD) is an active and important research area with the promise for ...
- X3850M2安装CertOS 7 KVM 2--VNC
需要安装远程桌面,否则无鼠标的日子比较难. VNC的安装需要步骤较多,重点参考以下文章: http://www.itzgeek.com/how-tos/linux/centos-how-tos/con ...
- JSON入门学习
JSON是一种与开发语言无关的轻量级的数据格式(JavaScript Object Notation) 优点:易于阅读和编写,易于程序解析和生产 JSON数据格式中没有日期及时间的数据格式的.一般直接 ...
- 0427 scrum & 读后感
5.Scrum团队成立 5.1 团队名称,团队目标.团队口号.团队照: 5.2 角色分配 6. 团队项目选题 详情见团队博客:http://www.cnblogs.com/alfredzhu/ htt ...
- C++中const关键字的使用总结
C++中使用const关键字来修饰常量,下面从两个方面总结:变量和成员函数. 变量:const可以修饰普通变量.指针(数组)和结构体. 1.const修饰普通变量是最简单的情形.这样的用法多为在程序中 ...
- 基于css3的轮播效果
花了一上午来调整页面在ie10上的显示问题,sass编译生成的css文件在ie内核下一直不能正确加载,果然兼容性的问题还需要好好研究.转入正题,用css3实现轮播效果主要是基于css3的framewo ...
- YARN资料收集
hdfs2的HA: http://www.cnblogs.com/meiyuanbao/p/hadoop2.html