javascript面向对象规则汇总以及json
javascript中一切皆对象,而且定义非常灵活,
于是出现了一些相对其他编程语言环境下匪夷所思的代码:
-----------------------------------------------------------------------------------------------------------------------------
字符串对象
var str="abcde";
str.length;
函数对象
(function(){}).toString();//将输出函数代码文本
function callAnotherFunc(fnFunction, vArgument) { fnFunction(vArgument);}
var doAdd = new Function("iNum", "alert(iNum + 10)");//定义一个数对象,注意函数体放在最后,每个构造参数都是一个字符串
callAnotherFunc(doAdd, 10); //输出 "20"
数组对象
alert(['name'].length);//输出1,['name']是一个数组对象,且只有一个元素(字符串'name')
-------------------------------------------------------------------------------------------------------------------------------
对象定义:
var a=[[1,2,3][0,1]["a",2]["sds","sds"]];//二维数组;
var obj={};
or
var obj=new Object();
or
var obj={fname:"Bill",lname:"Gates",age:56};
var person=obj;
or
var obj=function(fname,lname,age){this.fname=fname;this.lname=lname;this.age=age;}
var person=new obj("bill","gates",56);
属性是可以任意添加的
obj[0]="abc";//每个对象都支持下标运算符,如果该下标没有对应的对象,按么返回undefined
obj['name']="an object";
obj.name="an object";
obj.fn=function(){};
例外情况是 var i=0;i.x=3;//这样是不可以的,因为i是值类型,不可以添加属性,只有object可以任意添加属性
另外,平时在javascript中对象实例相关的操作都是通过引用进行的,这样一来javascript没有指针倒也无所谓了
function func(obj){obj.name="abc";}
var obj={name:"java"};
func(obj);
alert(obj.name);//输出abc
关于json:
格式比较简单了,就是name:value成对出现和xml一样都具有自我描述的特性(自我描述:不只承载数据本身,还包含这些数据对应的字符串名称)
value可以是各种对象(数组,对象,字符串,false/true,null)
{
"employees":
[{ "firstName":"John" , "lastName":"Doe" },{ "firstName":"Anna" , "lastName":"Smith" },{ "firstName":"Peter" , "lastName":"Jones" }]
}
//JSON解析
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';
obj = JSON.parse(txt);
或者 obj=eval("(" + txt + ")");
为了让最外层的{}不要被eval理解成为Javascript的代码块的开始.而是理解成为一个对象字面量
你写成这样也是一样
|
1
2
3
|
var jsonStr = '{"a":1}';eval('var jsonObj = '+jsonStr);alert(jsonObj.a); |
eval或许可以看作是一个宏,类似于c++中的宏
json的使用:
- 读取 JSON 字符串
- 用 eval() 处理 JSON 字符串
<script>
//json文本
var employee='{"firstname":'+'"john",'+'"lastname":'+'"bill"}'
alert(eval("("+employee+")").firstname);
//直接使用json对象
var obj={"staffs":[{"ab":"cd"}]}
alert(obj.staffs[0].ab);
</script>
javascript面向对象规则汇总以及json的更多相关文章
- JavaScript高级:JavaScript面向对象,JavaScript内置对象,JavaScript BOM,JavaScript封装
知识点梳理 课堂讲义 1.JavaScript面向对象 1.1.面向对象介绍 在 Java 中我们学习过面向对象,核心思想是万物皆对象. 在 JavaScript 中同样也有面向对象.思想类似. 1. ...
- Javascript面向对象(封装、继承)
Javascript 面向对象编程(一):封装 作者:阮一峰 Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象.但是,它又不是一种真正的面向对象编程( ...
- 【转】javascript面向对象编程
摘要:本文本来是想自己写的,奈何花了好长时间写好之后忘记保存,还按了刷新键,一键回到解放前,索性不写了,所以本文是转载的. 面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化. ...
- JavaScript 面向对象(三) —— 高级篇
JavaScript 面向对象(一) —— 基础篇 JavaScript 面向对象(二) —— 案例篇 一.json方式的面向对象 首先要知道,js中出现的东西都能够放到json中.关于json数据格 ...
- JavaScript要点 (四)JSON
JSON 是用于存储和传输数据的格式. JSON 通常用于服务端向网页传递数据 . 什么是 JSON? JSON 英文全称 JavaScript Object Notation JSON 是一种轻量级 ...
- javascript进击(八)JSON
JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. 什么是 JSON ? JSON 指的是 JavaScript 对象表示法(JavaScript Ob ...
- 深入解读JavaScript面向对象编程实践
面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化.多态.和封装几种技术.对JavaScript而言,其核心是支持面向对象的,同时它也提供了强大灵活的基于原型的面向对象编程能力 ...
- 转:javascript面向对象编程
作者: 阮一峰 日期: 2010年5月17日 学习Javascript,最难的地方是什么? 我觉得,Object(对象)最难.因为Javascript的Object模型很独特,和其他语言都不一样,初学 ...
- Javascript面向对象研究心得
这段时间正好公司项目须要,须要改动fullcalendar日历插件,有机会深入插件源代码.正好利用这个机会,我也大致学习了下面JS的面向对象编程,感觉收获还是比較多的. 所以写了以下这篇文章希望跟大家 ...
随机推荐
- (spring-第1回【IoC基础篇】)Spring容器中Bean的生命周期
日出日落,春去秋来,花随流水,北雁南飞,世间万物皆有生死轮回.从调用XML中的Bean配置信息,到应用到具体实例中,再到销毁,Bean也有属于它的生命周期. 人类大脑对图像的认知能力永远高于文字,因此 ...
- GSM短信侦听的便宜方案
侦听GSM短信常用的是OsmocomBB + C118方案,主要是用luca/gsmmap分支.使用ccch_scan这个程序可以把通信封装成GSMTAP发给本机,然后用WireShark接收GSMT ...
- Linux学习之CentOS--FTP服务原理及vsfptd的安装、配置
本篇随笔将讲解FTP服务的原理以及vsfptd这个最常用的FTP服务程序的安装与配置... 一.FTP服务原理 FTP(File Transfer Protocol)是一个非常古老并且应用十分广泛的文 ...
- 沙盒密探——可实现的js缓存攻击
我们描述了第一次完全运行在浏览器端的微结构单通道攻击.与其他参和这种类型的相反,这种攻击不再需要攻击者在肉鸡上安装任何软件,为了让攻击更容易,肉鸡仅仅需要浏览哪些攻击者控制的不被信任的网页内容.这会让 ...
- css if hack之兼容ie
1.Css if hack条件语法< !--[if IE]> Only IE <![endif]-->仅所有的WIN系统自带IE可识别< !--[if IE 5.0]&g ...
- Windows10中无法打开这个应用的解决方案
报错的图:
- JQuery源码分析(三)
jQuery中ready与load事件 jQuery有3种针对文档加载的方法 $(document).ready(function() { // ...代码... }) //document read ...
- PHP 上传图片和安全处理
上传图片 public function images() { $data = $_FILES['file']; switch($data['type']) { case 'image/jpeg': ...
- turn.js实现翻书效果
JS插件网 http://www.ijquery.cn/?p=173 描述:Turn.js 是一个轻量级的 (15kb) jQuery/html5 插件用来创建类似书本和杂志翻页效果,支持触摸屏设备. ...
- matlab产生正态分布样本
mvnrnd - Multivariate normal random numbers This MATLAB function returns an n-by-d matrix R of rando ...