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 ...
随机推荐
- Sql 常用时间转换
CONVERT(varchar(100), GETDATE(), 0); -- 08 31 2015 04:57PM CONVERT(varchar(100), GETDATE(), 20); --2 ...
- android 代码优化
http://android.tgbus.com/Android/androidnews/200812/172247.shtml http://blog.163.com/jzq_520/blog/st ...
- 关于由CSS2.1所提出的的BFC的理解与样例
今天在这里谈谈css中BFC.“BFC”是Block Formatting Context的缩写,这个概念是由CSS2.1提出来的,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用.满 ...
- 初步了解JPA
想当初07.08年的时候,毕业之季,正思考着离开学校要去做什么工作.为了有一份薪资不错,可以长久发展,也正是自己喜欢的行业.于是乎决定投身于计算机行业.当年正是JAVA的火热时期.到处都是JAVA培训 ...
- 【python】面向对象
面向对象编程--Object Oriented Programming,简称OOP,是一种程序设计思想.OOP把对象作为程序的基本单元,一个对象包含了数据和操作数据的函数. 类class 实例(i ...
- 操作系统和程序设计语言的API使用的字符编码分析
1.Java的运行环境中,String是什么编码? 使用java做程序设计语言,字符编码是和jvm相关的,和操作系统无关. java默认的编码是jvm在安装的时候就确定了的,它是根据你的系统的环境确 ...
- jsp取得绝对路径的方法(避免请求转发的方式导致路径错误)
<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+re ...
- 第二章:搭建Android开发环境
通过对本章节内容的阅读,了解了Android底层开发所需要的各种开发工具,以及在Linux环境下怎样搭建Android底层开发环境,在Linux系统上开发Android应用程序,需要安装Linux版本 ...
- datatables ajax后端请求那些坑
在对datatables做后端数据填充的时候,遇到一个,翻页问题.在多次操作翻页后,总是提示加载中.反了很多博客没有找到原因. 经过测试,发现原来自己坑了自己. 代码如下: datatables : ...
- 探索软件工程道路上的我III (Θ∀Θ#)
github地址:https://github.com/JUNYU217/2016-03-08 开发语言:Java 开发工具:UltraEdit || 为月末了,网费欠了...很抱歉的拖了那么久的作业 ...