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”,写的更少,做 ...
随机推荐
- django 笔记17 ModelForm
Model 数据库操作 验证 验证 Form -class LoginForm(Form): email = fields.EmailField() is_valid 每一个字段进行正则(字段内置正则 ...
- POJ 3670 DP LIS?
权值为1~3 好了 此题是水题-- i表示到了第i个数,j表示结尾的数是j f[i][j]=min(f[i][j],f[i-1][k]+(a[i]!=j)) 1<=k<=j 最长上升的. ...
- angular route 与 django urls 冲突怎么解决?
app.js var app = angular.module('app', [ 'ngResource', 'ngRoute', // 'ui.bootstrap', // 'ngResource' ...
- vue中Object.defineProperty用法
function def (obj, key, val, enumerable) { Object.defineProperty(obj, key, { value: val, enumerable: ...
- jQuery实现tab标签切换效果
技巧一.jQuery :eq() 选择器 定义和用法 :eq() 选择器选取带有指定 index 值的元素. index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1). 经常与其 ...
- CSS命令
border-bottom-right-radius: 10px;/* 文本框的角的弯曲度*/ border-bottom-left-radius: 10px; border-top-left-rad ...
- free---显示内存
free命令可以显示当前系统未使用的和已使用的内存数目,还可以显示被内核使用的内存缓冲区. 语法 free(选项) 选项 -b:以Byte为单位显示内存使用情况: -k:以KB为单位显示内存使用情况: ...
- Android 查看CPU及内存
借助getprop.dumpsys来了解一些系统相关信息. 一.getprop adb shell cat /system/build.prop 文件中存放的是用于启动系统时需要的配置文件,通常可以通 ...
- XML和Schema命名空间详解
来源:https://blog.csdn.net/wanghuan203/article/details/9204337 XML和Schema具有无关平台,技术厂商,简单,规范统一等特点,极具开放性, ...
- arcgis engine 获取高亮Feature、element
转自原文 arcgis engine 获取高亮Feature.element IGraphicsContainer pGraphicsC = mainAxMapControl.Map as IGra ...