js对象小结
对象是js的基本数据类型,准确来说除了字符串,数字,boolean值,null与undifine之外,js中的值都是对象。js中的对象是一种复合值,他将很多值(原始值或其他对象)聚合在一起,可以通过名字来访问这些值,其实看上去就像是一个属性的无序集合,每个属性都是一个名/值对。属性名是字符串,可以把对象看成是从字符串到值得映射。这种现象就像我们平时知道的“关联数组”,“数据字典”等等(只是叫法不同而已)。除了这种映射关系外,最主要的核心就是js的对象可以通过“原型继承”来继承属性与方法。另外由于对象时可变的,我们是通过引用而非值来操作对象。
var empty = {}; // 定义一个空对象
var ob1 = {x:1,y:2}; // 定义两个属性的对象
var ob2 = { // 定义复杂的对象
"main title" : "three object",
"main-t" : 123, // 特殊字符要加引号
"for" : {x:"123",y:123}, // for是保留字必须用引号
};
var arr = new Array(); // 使用内置构造函数创建一个新的数组对象,相当于var arr = [];
var obg = new Object(); // 使用内置构造函数创建一个新的数组对象,相当于var arr = {};
function UserDefineObj (x,y) { // 自定义的构造函数
this.x = x;
this.y = y;
}
var user = new UserDefineObj(1,2); // 使用自定义的构造函数创建一个对象
var ob1 = Object.create ( {x : 1, y : 2 } ); // 使用后面的参数(对象直接量)作为ob1对象的原型。
如果想创建一个空对象(比如通过{ }或newObject()创建的对象)可以使用Object.prototype作为这个方法的参数。例如:
var ob2 = Object.create ( { } ) ; // 创建一个空对象
如果传入参数为null,将会创建一个没有任何原型的空对象,但这个对象没有任何继承的方法,甚至不包括基础的方法,如toString()等。
var ob3 = Object.create (null); // ob3不继承任何属性和方法
function UserDefineObj (x,y) { // 自定义的构造函数
this.x = x;
this.y = y;
}
var user = new UserDefineObj(1,2); // 使用自定义的构造函数创建一个对象
console.log(user.toString()); // toString这个方法就是继承自Object.prototype
关于原型与原型链推荐博客:http://www.cnblogs.com/TomXu/archive/2012/01/05/2305453.html
function UserDefineObj (x,y) { // 自定义的构造函数
this.x = x; // 声明自定义属性x,也成为自有属性
this.y = y; // 声明自定义属性y
}
UserDefineObj.prototype.allx = 123; // 给构造函数的原型对象添加属性allx
var user = new UserDefineObj(1,2); // 使用自定义的构造函数创建一个对象
console.log(user.x); // 输出:1
console.log(user.allx); // 输出:123
由于js是一种弱类型的语言,在不声明变量的情况下,解析器会自动的再运行的时候创建这个变量(全局变量)。
function UserDefineObj (x,y) { // 自定义的构造函数
this.x = x; // 声明自定义属性x,也成为自有属性
this.y = y; // 声明自定义属性y
}
UserDefineObj.prototype.allx = 123; // 给构造函数的原型对象添加属性allx
var user = new UserDefineObj(1,2); // 使用自定义的构造函数创建一个对象
var ob = new UserDefineObj(4,5);
console.log(user.x); // 输出:1
console.log(ob.x); // 输出:4
console.log(user.allx); // 输出:123
console.log(ob.allx); // 输出:123
user.allx = 110; // 更改user对象的属性,对ob对象没有影响
console.log(user.allx); // 输出:110
console.log(ob.allx); // 输出:123
从上面程序的输出可以看出user对象和ob对象创建了两个不同的对象,这两个对象同时共同继承自原型对象UserDefineObj.prototype。由于是不同的对象,所以对属性的值得改变,对其他的对象没有影响。
js对象小结的更多相关文章
- 在这个看脸的世界,该如何优雅的创建JS对象
Javascript是一门解释型的语言,是基于对象的,严格来说并不怎么符合的面向对象的标准,显著的特点就是函数就是“一等对象”,与传统的面向对象语言不同的时,Javascript有“一千种”方法来创建 ...
- js 对象深复制,创建对象和继承
js 对象深复制,创建对象和继承.主要参考高级编程第三版,总结网上部分资料和自己的代码测试心得.每走一小步,就做一个小结. 1.对象/数组深复制 一般的=号传递的都是对象/数组的引用,如在控制台输入 ...
- [置顶] js对象
js中,一切事物都是对象.对象是一切的基础. 而具体到某一个对象时. 对象则是包含一组变量和函数的集合实例 我们先来中体会下je对象的全局. 接下来就具体揭开这个对象的面纱吧 ja对象分类 Funct ...
- js isArray小结
原文:[转载]js isArray小结 在日常开发中,我们经常需要判断某个对象是否是数组类型的,在js中检测对象类型的常见的方法有几种: 1.typeof操作符.对于Function.String.N ...
- Js继承小结
Js继承小结 一直以来,对Js的继承有所认识,但是认识不全面,没什么深刻印象.于是,经常性的浪费很多时间重新看博文学习继承,今天工作不是特别忙,有幸看到了http://www.slideshare.n ...
- [js]js设计模式小结
js设计模式小结 工厂模式/构造函数--减少重复 - 创建对象有new - 自动创建obj,this赋值 - 无return 原型链模式 - 进一步去重 类是函数数据类型,每个函数都有prototyp ...
- [js]设计模式小结&对原型的修改
js设计模式小结 工厂模式/构造函数--减少重复 - 创建对象有new - 自动创建obj,this赋值 - 无return 原型链模式 - 进一步去重 类是函数数据类型,每个函数都有prototyp ...
- JS组件系列——表格组件神器:bootstrap table 包含了js对象的定义和对象成员函数的定义
前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过.今天补起来吧.上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少 ...
- 7-81 js课程小结
7-81 js课程小结 学习要点 理解全局对象 变量的作用范围 理解全局对象Global 全局属性和函数可用于所有内建的 JavaScript 对象.全局对象是所有全局方法的拥有者,用来统一管理全局方 ...
随机推荐
- hdu 5265 pog loves szh II
题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=5265 pog loves szh II Description Pog and Szh are pla ...
- "奇葩家园“之 asyncTask 与 url 下载篇
asyncTask 是android提供的一个轻量级的异步处理的类,有3个泛型参数,params,progress,result params: 启动任务执行的时候传入的参数比如请求的 url 地址 ...
- ios8/sdk8/xcode6/iphone6(+)适配
AppIcon https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Ic ...
- What is the difference between position: static,relative,absolute,fixed
What is the difference between static,relative, absolute,fixed we can refer to this link: expand
- WCF note1
Summary of WCF Client to use service use ChannelFactory to create proxy to use service. Client code ...
- Entity Framework学习笔记(一)
请注明转载地址:http://www.cnblogs.com/arhat 哈哈!老魏回来了,4月份的内容开始更新了,由于3月份时间都在做项目,没有时间写了,那么4月份老魏会尽可能的多写点东西的.那么4 ...
- [小技巧]让你的GridView支持IQueryable,并自动实现真分页
众所周知,asp.net自带的GridView在自带分页方面设计得很2,因为它是假分页,即内存分页.而且它不智能支持强大的Iqueryable. 但这表明微软忽略了现实中的分页需求吗?答案应该不是,我 ...
- 触发器(trigger)的作用???
1.触发器,英文名trigger,可以简单的理解为: 就相当于是一个事件的触发装置,当满足了一定的事件触发条件后进行相应的操作 例如当复位set信号到来时,我们就让A<=B,这样一个系统就是一个 ...
- VIM实用基本操作技巧
文本编辑器有很多,图形模式下有gedit.kwrite等编辑器,文本模式下的编辑器有vi.vim(vi的增强版本)和nano.vi和vim是Linux系统中最常用的编辑器.有人曾这样的说过在世界上有三 ...
- PB数据类型转换表
数据类型转换表 MICROSOFT PB(16Bit) PB(32Bit) Bool Boolean ...