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 ...
随机推荐
- golang调用EXE
我是win7+go1.7+liteide,调用calc.exe package main import ( "os/exec" ) func main() { datapath : ...
- Html5-canvas
Html5-canvas: 坐标是x向右,逐步增大, y坐标向下增大,原点在画布的左上角.长度单位是一个像素: 像素是一个密度单位,而厘米是长度单位,两者无法比较: Html5的绘图函数: 2. ...
- 利用HttpURLConnection发送请求
HttpURLConnection: 每个 HttpURLConnection实例都可用于生成单个请求,但是其他实例可以透明地共享连接到 HTTP 服务器的基础网络.请求后在 HttpURLConne ...
- CSS3的透明度使用
大家在敲代码的时候总会遇见一个问题.就是透明度opacity 会导致整个元素内全部都会改变,通常的方法是在同级元素后面再加上一个元素标签,但是现在有CSS3 ,我们完全不用这么做了.看代码 <! ...
- android系统自带的日期、时间对话框的用法
代码: package com.test; import java.util.Calendar; import android.app.Activity; import android.app.Dat ...
- Caliburn.Micro学习笔记目录——Zhouyongh
解析Caliburn.Micro(一) 解析Caliburn.Micro(二) 解析Caliburn.Micro(三) 解析Caliburn.Micro(四) Illusion = Caliburn. ...
- Java Swing 第01记 Hello Word
首先来一个Java Swing的HelloWord程序. package cn.java.swing.chapter03; import javax.swing.JButton; import jav ...
- VC保存当面某个区域的图片
void ViewReportDlg::CopyScreenToBitmap() { CDC *cdc = this->GetDC(); HDC wnd = cdc->GetSafeHdc ...
- mysql批量替换单字段
update 表名 set 字段名 = replace(字段名,'被替换内容','要替换内容'); 指定有人查这个!!!
- 基于vue的新组件开发
前天完成了一个新组件的开发,做的过程也是各种遇到问题,彻底弄懂了slot,巩固了一些flex布局和jquery的知识,比起自己第一次做组件开发,现在已经是能够下手做,遇到问题解决问题,还算有进步. 但 ...