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的面向对象编程,感觉收获还是比較多的. 所以写了以下这篇文章希望跟大家 ...
随机推荐
- 使用GoldenGate进行平台迁移和数据库升级(9i->11g)步骤描述
在一个场景中,需要从Solaris SPARC将数据库迁移到Linux X86-64,同时,数据库版本从原有的oracle 9i(9.2.0.5)升级到11g(11.2.0.4)使用OGG的数据同步功 ...
- jenkins持续集成工具
jenkins是开源的 持续集成.持续构建的可视化web工具,持续构建说直白,就是各种项目的自动化编译.打包.分发部署. 好很多优点: 1.支持多语言 2.跟svn.git能无缝集成 3.直接与知名源 ...
- CentOS 7.0默认使用的是firewall作为防火墙。
systemctl start firewalld.service#启动firewallsystemctl stop firewalld.service#停止firewallsystemctl dis ...
- 禁用gridview默认点击效果
cf_gridview.setSelector(new ColorDrawable(Color.TRANSPARENT)); 然后自己给做一个按下的效果xml文件
- hdu 2099
PS:因为还是不爽...继续水题...感觉这道题就是考输出.. 代码: #include "stdio.h" void cal(int a,int b); int main(){ ...
- python 安装操作 MySQL 数据库.
以ubuntu和mysql为例 检查自己的机器上面有没有安装数据库 xpower@xpower-CW65S:~$ sudo service mysql start [sudo] xpower 的密码: ...
- Python OpenCV ——Matplotlib显示图片
Color image loaded by OpenCV is in BGR mode.But Matplotlib displays in RGB mode.So color images will ...
- Newspaper Headline_set(upper_bound)
Description A newspaper is published in Walrusland. Its heading is s1, it consists of lowercase Lati ...
- 11、网页制作Dreamweaver(补充:JS零碎知识点&&正则表达式)
JS知识点 回车符/r和换行符/n的区别:/r 相当于enter,是段落与段落之间的区别, /n 相当于shift+enter,是行与行之间距离,比较小 几种window操作方法: 1.获取当前窗口大 ...
- JQuery blockUI
1 $.blockUI({//界面锁定之后 ,显示样式和提示消息 css: { width: 'auto', left: '20px', right: '20px' }, message: '< ...