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 对象.全局对象是所有全局方法的拥有者,用来统一管理全局方 ...
随机推荐
- orcle 查询数据集对变量赋值函数
create or replace function test(Name in varchar2 ) return varchar2 is V_CONTAINERDESC CHAR ); BEGIN ...
- 前端开发规范之html编码规范
原则1.规范 .保证您的代码规范,趋html5,远xhtml,保证结构表现行为相互分离.2.简洁.保证代码的最简化,避免多余的空格.空行,保持代码的语义化,尽量使用具有语义的元素,避免使用样式属性和行 ...
- Gentoo 网络接口配置文件说明
裁剪的Gentoo系统,仅供公司内部使用! [作为备份档案] 网络接口配置:/etc/conf.d/net #设置静态IPconfig_eth0="192.168.1.x/24" ...
- 搬瓦工VPS搭建PPTP VPN
之前一直在用神器Lantern和Nydus(20元一个月),感觉还不错,但是各有各的不足! 于是开始自己动手折腾用VPS搭建VPN... 上网逛了一圈,最后选择了搬瓦工的VPS:512RAM,10G ...
- 圆形DIV
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" ...
- Codeforces Round #131 (Div. 2) E. Relay Race dp
题目链接: http://codeforces.com/problemset/problem/214/E Relay Race time limit per test4 secondsmemory l ...
- VS开发工具 不会在异常的地方停止的问题.
启用"仅我的代码"
- js java正则表达式替换手机号4-7位为星*号
需求: 一个手机号13152461111,由于安全性,需要替换4-7位字符串为星号,为131****1111,那么有2中玩法,一种是前端隐藏,一种是后台隐藏. 1. 前台隐藏 <!DOCTYPE ...
- Linux软件安装方法小结(附:rpm详解)(转载)
在使用Linux系统的过程中,软件包的安装是避免不了的,在Linux下,软件安装程序的种类很多,安装方法也各式各样,(舒适性自然比不上windows :-))不过我们常见的软件包有两种: 1)含有软件 ...
- 20+个可重复使用的jQuery代码片段
jQuery已经成为任何web项目的重要组成部分.它为网站提供了交互性的通过移动HTML元素,创建自定义动画,处理事件,选择DOM元素,检索整个document ,让最终用户有一个更好的体验. 在这篇 ...