js---12对象创建方式,构造器,原型
<script type="text/javascript">
var o = {};
var o1 = new Object();//这2种方式创建对象是一样的,因为对象都有默认属性constructor构造器,函数也是对象,js一切都是对象,函数也有构造器函数也是对象,构造器是对象的。
o.constructor 的构造器为 function Object();
o1.constructor 的构造器为 function Object();
o.constructor === o1.constructor //true
Number.constructor 的构造器为 function Function();
function f(){} 的构造器为 function Function()
Function.constructor 为 function Function()
//在构造器层面Function()是最顶级的,只有对象才有构造器
1.constructor //1不存在构造器
var a = 1;
a.constructor 构造器为 function Number() ;// a变量本身是Number构造生成的 typeof 1;//‘number’
typeof true //boolean
var f = function(){}
typeof f //function
var o = {};
o instanceod Object//true var o = {name:"abc"};
var o1 = o.constructor();
o===o1;//false,调用o的构造器不会复制o,而是另外一个对象 //1.{}创建对象
var o = {name:'cc',age:12};
var o2 = o;//o和o2指向同一个对象的引用
//2.工厂函数创建对象
function PersonFactory(pname,page){
return { //返回一个对象
name:pname,
age:page,
headCount:1 //加不加逗号无所谓
};
}
var p1 = PersonFactory("cj",22);
var p2 = PersonFactory("david",33);//不同的对象,js对象也是在堆里面,
//3.函数创建对象
function Person(){ //通过函数创建类,首字母要大写
var age = 30;//函数的私有变量
this.age=22;//通过this给对象加属性
this.name = "cj";
}
var p = new Person();
console.log(p.name);
var p1 = new Person(); Person.prototype.headCount = 1;//类的共同的东西放这里,p和p1里面只有name和age没有headCount,headCount放在共同区域供2个变量使用。
Person.prototype.headCount = 2;//prototype叫原型属性
console.log(p.constructor.prototype.headCount);//2,p对象的构造器指向函数本身,函数本身Person有prototype属性 /*
1.通过var s = {} 创建相同的对象不能够复用,创建差不多的对象需要重新写{}
2.通过工厂函数创建对象,解决了创建相同的对象能够复用,但是没有解决对象成员的复用
3.函数创建对象,解决了对象公有成员的复用
*/
//只有函数才有prototype,prototype是函数的属性,prototype指向一个对象,既然是对象就有constrnctor构造器和函数对象公有的东西,面向对象的思维看待函数。
function f(){}
console.log(f.prototype);
//js没有类,只有模拟了类,
function Person(){
var age = 30;
this.age=22;
this.name = "cj";
}
Person.prototype.headCount = 1;//prototype指向的是一个对象,堆区域,js变量名都是跟java变量名字一样,保存的是地址值。
var p = new Person();
var p1 = new Person();
console.log(p.constructor);//function Person()
console.log(p.constructor.prototype.headCount);//
//用构造器函数创建的对象,跟构造器的原型对象prototype,不是通过constructor构造器建立的,而是通过对象里面的__proto__关联起来的。
console.log(p.headCount);// Person.prototype = {xx:"xx"};//把person的prototype全部改掉
console.log(p.xx);//undefined,因为该的是Person函数类的,只是把函数的prototype重新指向了一个新对象,但是p里面的__proto__仍然指向之前的对象,
console.log(p.headCount);//
var p2 = new Person();
console.log(p2.xx);//"xx",现在自己里面找,找不到就去公有的原型对象里面去找,
p2.xx = "yy";//会在自己对象里面加一个xx属性,值是yy
console.log(Person.prototype.xx);//xx,公有对象prototype里面的xx属性值并没有改变 //总结:函数类才有prototype属性,公有的,__proto__是函数对象有的,都是保存的内存区域的地址,new 函数名()出来的对象,开始__proto__和prototype指向同一块内存区域,

js---12对象创建方式,构造器,原型的更多相关文章
- 第163天:js面向对象-对象创建方式总结
面向对象-对象创建方式总结 1. 创建对象的方式,json方式 推荐使用的场合: 作为函数的参数,临时只用一次的场景.比如设置函数原型对象. var obj = {}; //对象有自己的 属性 和 行 ...
- 【20190220】JavaScript-知识点整理:对象创建方式、原型、闭包
一.对象创建方式 1. 工厂模式 这种模式抽象了创建具体对象的过程,用函数来封装以特定接口创建对象的细节.存在的问题是无法通过 instanceof 识别一个对象的类型. function creat ...
- javascript一种新的对象创建方式-Object.create()
1.Object.create() 是什么? Object.create(proto [, propertiesObject ]) 是E5中提出的一种新的对象创建方式,第一个参数是要继承的原型,如果不 ...
- JS中对象继承方式
JS对象继承方式 摘自<JavaScript的对象继承方式,有几种写法>,作者:peakedness 链接:https://my.oschina.net/u/3970421/blog/28 ...
- 声明对象的方式/构造函数/原型/this指向
函数的发展历程(声明函数的方式): 1.通过Object构造函数或字面量的方式创建单个对象 var obj = new Object; obj.name="新华"; o ...
- 5.对象创建型模式-原型PROTOTYPE
原型:用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象. 原型实现:1.用于创建对象的具体类必须实现clone()操作,用于对象克隆自己以生成新的对象.下面通过原型来实现一个抽象工厂Ma ...
- 设计模式---对象创建模式之原型模式(prototype)
一:概念 原型模式(Prototype Pattern) 实际上就是动态抽取当前对象运行时的状态 Prototype模式是一种对象创建型模式,它采取复制原型对象的方法来创建对象的实例.使用Protot ...
- js判断对象的属性是原型的还是实例的
一些情况下,我们需要知道对象的属性是原型的还是实例的,如果看代码的话比较繁琐,下面讲解下如何可以直接判断 1.hasOwnProperty()函数用于指示一个对象自身(不包括原型链)是否具有指定名称的 ...
- 对比js库分枝Jquery和js获取对象的方式
一.Jquery和JS的认识 对于这点不谈详细,但能有一个能有一个全面的印象,Jquery本质上也是JS,只不过用一句话概括就是 “write letter and do more”,写的更少,做 ...
随机推荐
- BZOJ 4269 高斯消元求线性基
思路: 最大: 所有线性基异或一下 次大: 最大的异或一下最小的线性基 搞定~ //By SiriusRen #include <cstdio> #include <algorith ...
- Flume框架基础
* Flume框架基础 框架简介: ** Flume提供一个分布式的,可靠的,对大数据量的日志进行高效收集.聚集.移动的服务,Flume只能在Unix环境下运行. ** Flume基于流式架构,容错性 ...
- VS 代码打包工具
源代码下载地址 https://github.com/loresoft/msbuildtasks
- AOC 电视机T3212M 进入 工厂模式方法,修改开机启动方式
原启动方式: 通电,再按遥控 器上 “开机” 希望改成: 通电直接打开电视 方法: 1. 按遥控器上的 menu 1147 进入 工厂模式 2. 选择 7 General Settin ...
- echarts 总结:
options配置项: title: 图表标题的配置 tooltip: 鼠标悬浮的提示 toolbox: 工具栏 series: 数据项,是每一个个的数据对象,可以根据type配置每一项数据的图例. ...
- 第四讲 Yang-Mills方程与Maxwell方程
一.变分原理 变分原理始于17世纪的速降问题,也就是连接两点的曲线在有重力的情况下,让初速度为0的一小球最快地通过? 这个问题由伯努力给出解答,他的方法非常巧妙,而最后开创了一个学科——变分学.他假设 ...
- Unity WebGL 窗口自适应
unity 打包好WebGL后,用文本编辑器编辑打包生成的 index.html 文件 在生成的html里面修改代码 <script type="text/javascript ...
- 概率dp HDU 3853
H - LOOPS Time Limit:5000MS Memory Limit:65536KB 64bit IO Format:%I64d & %I64u Submit ci ...
- C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)
其原理是,利用winfrom模拟表单提交数据.将要提交的參数提交给网页,网页运行代码.得到数据.然后Winform程序将网页的全部源码读取下来.这样就达到windows应用程序和web应用程序之间传參 ...
- eclipse下Tomcat7.0启动奔溃问题
好久没用Eclipse了,如今上班这家公司正好用到了,完后用Tomcat启动项目一直报一个错,例如以下图 错误代码例如以下: watermark/2/text/aHR0cDovL2Jsb2cuY3Nk ...