博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS疑难点和GC原理
阅读量:6262 次
发布时间:2019-06-22

本文共 10800 字,大约阅读时间需要 36 分钟。

 

js解析与序列化json数据(一)json.stringify()的基本用法:对象有两个方法:stringify()和parse()。在最简单的情况下,这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript。早期的JSON解析器基本上就是使用JavaScript的eval()函数。由于JSON是JavaScript语法的自己,因此eval()函数可以解析、解释并返回JavaScript的对象和数组。 ECMAScript 5对解析JSON的行为进行了规范,定义了全局对象JSON。 JSON对象有两个方法:stringify()和parse()。在最简单的情况下,这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript。例如:          默认情况下,JSON.stringify()输出的JSON字符串不包含任何空字符或缩进,因此保存在jsonBook中的字符串如下所示: 复制代码 代码如下:{"title":"JavaScript高级程序设计","authors":["Nicholas C. Zakas"],"edition":3,"year":2011} 在序列化JavaScript对象时,所有函数及原型成员都会被有意忽略,不体现在结果中。此外,值为undefined的任何属性也都会被跳过。结果中最终都是值为有效JSON数据类型的实例属性。 注意,虽然book与objectBook具有相同的属性,但它们是两个独立的、没有任何关系的对象。如果传给JSON.parse()的字符串不是有效的JSON,该方法会抛出错误。

 

 

 

1. JS中的typeof是一元操作符,不是函数

  在chrome的Console控制台上,输入typeof null,它会输出"object"。因此,使用typeof操作符的时候,除了null,都会识别出其他数据的类型。

2. JS中的instanceof来区分Object下的Array、Json、RegEx、Date、Function、Error、Math

  instanceof对于非对象,返回false

  instanceof对于原型链上的对象,返回原型链对象

3. Object转String和Object转Number的方法

  Object->toString()->valueOf()->String

  Object->valueOf()->toString()->Number

4. JS如何处理解析Json数据

// 先来看一个js中的eval()函数   var the_unevaled_answer = "2 + 3";    var the_evaled_answer = eval("2 + 3");    alert("the un-evaled answer is " + the_unevaled_answer + " and the evaled answer is " + the_evaled_answer); 运行结果:alert: the un-evaled answer is 2 + 3 and the evaled answer is 5

  解析Json数据之前,我们先来认识一下,到底什么是Json数据。从结构上看,世界上的所有的数据(data)最终都可以分解成三种类型:

第一种类型是标量(scalar),也就是一个单独的字符串(string)或数字(numbers),比如"北京"这个单独的词。第二种类型是序列(sequence),也就是若干个相关的数据按照一定顺序并列在一起,又叫做数组(array)或列表(List),比如"北京,上海"。第三种类型是映射(mapping),也就是一个名/值对(Name/value),即数据有一个名称,还有一个与之相对应的值,这又称作散列(hash)或字典(dictionary),比如"首都:北京"。

这就是构成世界的最基本的数据类型,所以你看在任何一门编程语言中,有了数组和对象就可以存储一切数据了。数组也是对象,这是对的。但数组表示有序数据的集合,而对象表示无序数据的集合。如果数据的顺序很重要,就用数组,否则就用对象。说完这个,我们再来说说Json,它也比较有意思。对于Json数据格式的规定,已特别巧妙的规范了传输中的数据样式

1) 并列的数据之间用逗号(", ")分隔。2) 映射用冒号(": ")表示。3) 并列数据的集合(数组)用方括号("[]")表示。4) 映射的集合(对象)用大括号("{}")表示。

数据交换,说白点儿就是通信。两者之间通信,才需要有数据交换,如Android内嵌HTML5页面,当需要数据交互的时候,就会有数据的传递,那么封装成Json格式,是一个非常方便的想法。接下来看看具体JS的json格式的解析

   var t="{'firstName': 'cyra', 'lastName': 'richardson'}";      var jsonobj=eval('('+t+')');      alert(jsonobj.firstName);      alert(jsonobj.lastName);    运行结果:

    alert: cyra

    alert: richardson

var t2="[{name:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}] ";  var myobj=eval(t2);  for(var i=0;i

alert: zhangsan

alert: 24
alert: lisi
alert: 30
alert: wangwu
alert: 16
alert: tianqi
alert: 7

var t3="[['14113295100','社旗县国税局桥头税务所','社旗县城郊乡长江路西段']]";  //通过eval() 函数可以将JSON字符串转化为对象  var obj = eval(t3);  for(var i=0;i

  alert: <a href=# οnclick=openLink(14113295100,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>

  alert: 社旗县国税局桥头税务所
  alert: 社旗县城郊乡长江路西段

既然是Json的交互,那么我们来看看JS中将要传输的数据封装成JSON数据。

var t3="[['14113295100','社旗县国税局桥头税务所','社旗县城郊乡长江路西段']]";  //通过eval() 函数可以将JSON字符串转化为对象  var obj = eval(t3);  //stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。  var jsonText = JSON.stringify(obj);   alert(jsonText);  运行结果:alert: [["14113295100","社旗县国税局桥头税务所","社旗县城郊乡长江路西段"]]
//如果基于安全的考虑的话,最好是使用一个 JSON 解析器。 一个 JSON 解析器将只接受 JSON 文本。所以是更安全的。  var myObject = JSON.parse(myJSONtext, filter);    //可选的 filter 参数将遍历每一个value key 值对, 并进行相关的处理。如:  myData = JSON.parse(text, function (key, value) {                           return key.indexOf('date') >= 0 ? new Date(value) : value;                    });  //stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。  var myJSONText = JSON.stringifier(myObject);  */

5.什么是Git,Git是的作者是谁?

  Git是一个开源的分布式版本控制系统,用以有效、高速的处理从很小到非常大的项目版本管理。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。使用Git的优点:适合,强调个体。公共服务器压力和数据量都不会太大。速度快、灵活。任意两个开发者之间可以很容易的解决冲突。离线工作。

6. 常见的JS事件

  οnmοuseοver="" οnmοuseοut="" 适用于PC端,鼠标的移入和移出

  document.getElementById('');可以解决浏览器的兼容性问题.必须要用id选择器,让该选择兼容所有浏览器

  document.getElementById('').style.width="300px";

  <link rel="stylesheet" type="text/css" href="" id="link01"> 任何标签都可以加属性;任何标签的属性都可以修改。

  <input title="" value="">value是默认要显示的值;title是用来提示input要输入的内容的。

  <a href="#"></a>不跳转,但是页面会回到顶部。

  <a href="javascript:alert('a');"></a>但常常放空,<a href="javascript:"></a>页面一点点变化都都没有,且不跳转。

  <input type="checkbox" id="check1"> 设置被选中为:document.getElementById('check1').checked=true;

  在js中.表示对象的属性,有一个例外:class.由于它是js的保留字,故在js中使用class的时候,得用className,如下:

    

  JS中传参,参数数据类型的说明,如

运行结果:alert: 123alert: abcalert: [object Object]Uncaught SyntaxError: Unexpected identifier(报了语法错误)
// 再来看一组, 之所以会出现这种现象,你要知道 data只是一个别名,一个外号而已。真正的值是看传过来的参数是什么样的类型,那么它就怎么表现,它只是为传过来的参数占个位置而已 function show (data) {        alert(data[0]);alert(data[1]);    }show('abc'); 运行结果:alert: aalert: b function plus (a, b){
  alert(a+b);   alert("a"+b);   alert("a"+"b"); } plus(5,12); 运行结果:

alert: 17

alert: a12
alert: ab 

7. 关于div属性display的说明

类.nav定义如下: .nav a {display:block;}为了方便显示,我们给a标签定了背景颜色(backgrou-color:#FF9966)右边界(margin-right:10px) 下边界(margin-bottom:10px) 填充(padding:10px)。

Block以块状显示,样式如下:

display-block  

inline以内嵌的样式显示,如下:

display-inline

none属性,不显示且不占用物理空间。

8. 说说JS中操作属性的几种方式

第一种方式是通过.操作符,另外一种是通过['']这种方式来操作属性,如:

document.getElementById("");  document['getElementById']=;   //使用[]来操作属性的方便之处是:里面可以放变量。如

9. JS中变量和字符串的区别

  JS中有一个名词叫做,字面量。即看到即知道。比如看到123就知道是数字123.如看到'abc'就知道字符串abc.这个名词java中叫常量。

//  那么我们来看代码如下:alert(a);    //并不知道a是什么,a是变量。alert("abc");     //看到就知道abc是字符串,abc是常量 所以,我们知道JS中对于“”和’‘没有区分,但是加引号和不加引号还是要区分的。对于变量和参数是不能加引号的。加引号就有了常量的嫌疑了。

10. style加样式加的是行间样式

  在这里涉及到一个样式的优先级的概念,*通配符<标签(如div input)<class<id<行间。行间样式的优先级是最高的。这里涉及到一个style和className的关系,如果你先修改了元素的.sytle属性,再去修改className是不会有效果的。

  行间事件是危险的,所以我们接下来说说提取行间事件,如何解决这种麻烦。

 其实,你看看onclick也是标签input的一个属性,既然我们在JS中能够document.getElementById('input1').value='提交';我们通过这种方式修改了input标签中的value属性,那么对于特殊的onclick能不能使用这种方式来修改呢。答案是可以的,方式如下:  // 说到这里,再来补充一点知识:JS中的匿名函数问题,如果不想给函数起名字,上面的代码可以这样来写: 

11. 一段<script>和</script>代码放在一个HTML页面的什么位置,比较合适。

  对于上面的代码,如果放在<head></head>标签内部,则会先执行<head>中的JS,才去执行<body>中的内容,但是你会发现,浏览器此时对于JS中的document.getElementById('input1');根本不知道input1是什么东东。那么我们接下来说说window.onload.一看on开头就知道是事件。window.onload是页面加载完就立即执行

12. 提取事件和获得一组元素

  说完了上面的window.onload的作用,我们再来看看如何获得一组元素,众所周知getElementById是获得唯一的id,那么获得一组元素,还有一个方法叫做getElementsByTagName,你看这个方法中的Elements是复数,那么显而易见了。

13. 说说JS中的this

  this含义就是当前发生事件的元素。

14.说说JS中的innerHTML

  其实这个也超级简单的,innerHTMl就是两个字:inner和HTML。意思就是里面的HTML。那么引申开来的讲:里面的html,在里面使用标签,是能够被解释执行的。

15. 说说JS中定义数组

  var array = [1,2,3,4,5,6,7,8]; 中括号中放的都是并列的数据内容。 "123"+5+13+"da" =="123513da"字符串的拼接。

16. 你知道JS的组成是什么吗?

  ECMAScript是JS最核心的,它是JS的解释器。DOM文档对象模型,它在JS中就是document对象,它是JS操作HTML的入口。BOM浏览器对象模型,它让JS操作浏览器,它也代表一个对象window。

  说说JS组成部分的兼容性问题:BOM完全不兼容。所以很少用。

17. 说说JS中的变量

  typeof,字面意思:类型of...。

  isNaN()函数用于检验输入的是否是数字。

18.说说JS中的字符串转数字 

//设计之初 规定了input中放的是string类型的数据
 同时JS提供了判断是否是数字的函数:isNaN.常用方式如下: if(isNaN(num)){
  alert('your number is error.'); } 同样的parseInt是用来转换证书的,也有parseFloat用来转换带小数的数字。

19.JavaScript的基础知识总结:

  说到JS,必须面对的一个问题就是JS的闭包:有些知识明明很简单,你却理解不清楚。闭包就是这样的,很恶心。

  到底什么才叫做闭包:一句话来说,闭包就是子函数可以使用父函数的局部变量。

  JS中变量命名采用的是匈牙利命名法,类型前缀+首字母大写。JS中的类型前缀有:数组a,布尔值b, 浮点数f,函数fn, 整数i,对象o,正则表达式re,字符串s,变量v。

  求余运算符"%"和除法运算符"/",运用:秒转时间和隔行变色都会用到"%"运算符。定时器也会用到这个知识点的。

  算法运算符:+ - * / %

  比较运算符:!=  和 !==分别对应着== 和===。== 和 != 比较若类型不同,先尝试转换类型,再作值比较,最后返回值比较结果 。而 === 和 !== 只有在相同类型下,才会比较其值。

  break和continue,break含义是:打破 中断,continue含义是:继续。关于continue和break的最经典编程师范如下:

    

  真的:true、非零数字、非空字符串、非空对象

  假的:false、数字0、空字符串、空对象null、undifined

  Json是用来存数据的。Json和数组的区别:Json的下标实际上是一个字符串,而数组的下标其实是一个数字。

var json = {a:12, b:5, c:'abc'};var arr = [12,5,7];json.a 我们知道能用"."的地方,肯定能用[]代替,故json['a']那么对于数组,我们只能用arr[0]来取出12.// 由上得出结论很显然:json下标是字符串,数组下标是数字。 // 数组有arr.length。但是json没有。 // 数组有arr.length所以很好循环(另外数组还有一种for in的循环方法),那么json没有长度怎么循环呢?很显然,用for in来遍历就可以循环json。  json用for in循环遍历

 

 

 

20. 函数传参和函数返回值,一个是进,一个是出。还是蛮对称的。

  在JS中,return;这样返回的是undefined值。

  arguments是一个(参数的)数组:故而可以对它可以求arguments.length();arguments这个数组里面存的是传递给函数的参数。注意这里的这个函数是广泛意义上的所有函数,可不像Java里面的那样,只是public static void main()函数。

  style提供的是行间样式。JS还提供了currentStyle来获得当前样式。currentStyle用于获得非行间样式。但是只有IE和Chrome支持currentStyle。FireFox还是不支持的。那么FireFox中采用的则是:getComputedStyle。针对上面这点:针对所有浏览器下都兼容的代码:由于undefined是false,所以采用if else语句,if...else...则完美的解决了这个问题。想想这个兼容真是棒!!

  JS中 99%的东西都是采用这个if else方法来解决的

  JS中的概念:单一样式和复合样式。

  创建数组的两种方式:var a = new Array(1,2,3); var b = [1,2,3]

21. 单独拿出来讲讲数组的小bug,既可以设置又可以获取。如

 

// case 1:var a = [1,2,3,4,5,6,7,8,9]alert(a.length); // 9alert(a);  //1,2,3,4,5,6,7,8,9a.length = 3;alert(a);  //1,2,3 那么问题来了,快速清空一个数组方法:a.length = 0;

 

 

 

  1. var a = [1,2,3];alert(a); //1,2,3a.push(4);alert(a); //1,2,3,4a.pop();  //从尾部删除alert(a); // 1,2,3a.shift();  //从头部删除alert(a);  //2,3a.unshift(1);  // 从头部添加alert(a);  //1,2,3
// 数组中的splicesplice(起点, 长度) 用来删除元素var a = [1,2,3,4,5,6,7,8];a.splice(2,4);alert(a); // 1,2,7,8splice()插入元素的方法var b = [1,2,3,4,5,6,7,8,9];b.splice(2,0);alert(b);  //1,2,3,4,5,6,7,8,9b.splice(a,0,'a','b','c');alert(b);  //1,2,a,b,c,3,4,5,6,7,8,9

 

 

 

 

// concat的用法:var a = [1,2,3];var b = [4,5,6];alert(a.concat(b)); // 1,2,3,4,5,6 将两个合并,a前b后// join的用法:var a =[1,2,3,4];a.join('-');alert(a);  //1-2-3-4// 数组的排序:var a = ['width','float','zoom','alpha'];a.sort();alert(a); //按照首字母a-z排序了:‘alpha’,'float','width','float'var b = [12,8,99,19,112];b.sort();alert(b); // 112,12,19,8,99 它没有按照数字的大小进行排序,关于这点你可以联想一下windows中对照片进行排序的时候,是不是也是这种策略的啊。。 // 原因在于sort()方法把上面的认为是字符串。 实现比较函数:
var b = [12,8,99,19,112]; b.sort(function(n1,n2){   //这个用来比较的数值的大小  而不是原始的sort比较的是字符串。   return n1-n2; }) alert(b);  // 8,12,19,99,112

 

 

 

1. Java中垃圾回收机制与C++中内存回收的对比,

  C++中的内存机制,像是自助餐厅。用餐完毕需要自己动手清扫桌子,碗筷。

  Java中的内存机制,像是高级餐厅,有一个叫做GC的服务员,专门在客人用餐完毕后,清扫桌子,打扫环境卫生。

2. Java中的垃圾回收

  垃圾,我们知道java的对象是放在堆中的。程序员不直接操纵堆中的对象,而是通过对堆中对象的引用,来通过操作引用来操作对象。有点像提线木偶。

  回收,在Java中回收,使用System.gc()方法,建议虚拟机回收。回收前一般会使用finalize()方法,用来释放对象的资源。

3. Java的源程序在编译的时候都做了些什么?

  在编译原理中,我们知道编译的一般步骤是:词法分析->语法分析->中间代码生成->代码优化->目标代码生成。java在编译时,编译器会检查所有程序的基本语法,包括检查调用方法所传的参数类型,如果找到错误则立即报错,编译就无法通过。当C编译器编译生成一个对象的代码时,该代码是为在某一特定硬件平台运行而生成的。因此在编译过程中,编译程序通过查表将所有对符号的引用转换为特定的内存偏移量,以保证程序运行。java编译过程:java编译器却不将对变量和方法的引用编译为数值引用,也不确定程序执行过程中的内存布局,而是将些符号引用信息保留在字节码中,由解释器在运行过程中创立内存布局,然后再通过查表来确定一个方法所在的地址,这样就有效地保证了java的可移植性和安全性。如果楼主想了解JAVA编译后都做了哪些具体的事情估计要看看虚拟机的工作原理。

4. JVM中新生代和旧生代有什么区别?

  首先,新生代,旧生代这些都是Java堆中的概念。因为涉及到垃圾回收时候的不同策略问题,故而把Heap中的内存进一步细分为新生代、老生代。一句话来描述,新生代就是新创建的对象;旧生代就是经过多次垃圾回收没有被回收的对象;

  接下来,详细阐述一下新生代和旧生代,java内存中的堆分为两个区域,年轻区young gen和年老区old gen。就像一个社会有年轻人有年老人,为什么要这样分呢?因为Java中的对象有个特点:大多数对象在创建后,就很快没有对象使用它了;大多数一直被使用的对象很少再去引用新的对象。新生代特点:新创建的对象都放在这个区,这个区域内的JVM垃圾回收率较高,此区域内存较小。老生代特点:将新生代中生存了较长时间的对象转移过来,此区域内存较大,JVM垃圾回收的频率较低。

  我们在项目中,使用过eclipse的肯定知道,可以通过配置两个参数来让eclipse运行起来不至于那么卡。这个叫做eclipse性能调优,通过配置eclipse.ini文件中的参数:

  -Xmx512m(最大总堆内存,一般为物理内存的四分之一)

  -Xms512m(初始总堆内存,常将它设置为和最大总堆内存一样大)

  -Xmn192m(年轻带堆内存,Sun公司建议年轻代占总堆的三分之八最优)

5. 说说Java中垃圾回收的过程

  你先这么来想。在应用程序工作的时间抽一小段时间来进行垃圾回收的。因为垃圾回收,会引起响应暂停。一句话来描述垃圾回收:当内存满了,才会去调用垃圾回收,与此同时,会调用对象的finalize()方法,来释放对象占有的资源。

 

转载地址:http://yczpa.baihongyu.com/

你可能感兴趣的文章
操作系统
查看>>
在Mockplus中使用收藏功能,提高工作效率
查看>>
Cichorium: 基于 Promise 的中间件路由框架
查看>>
未在本地计算机上注册“microsoft.ACE.oledb.12.0”提供程序
查看>>
Mac 下配置Tomcat环境
查看>>
今天是转移到简书的开始
查看>>
Coding and Paper Letter(二十六)
查看>>
走进JavaWeb技术世界13:Hibernate入门经典与注解式开发
查看>>
下拉菜单;手风琴;九宫格的Jquery的使用实例
查看>>
String intern驻足
查看>>
使用Charles对Android App的https请求进行抓包
查看>>
开发笔记3 | Java 代码规约第 2 条
查看>>
浅谈CSRF攻击方式
查看>>
2017 Multi-University Training Contest - Team 1 1011&&HDU 6043 KazaQ's Socks【规律题,数学,水】...
查看>>
第1天,Python入门
查看>>
canvas裁剪之后的base64转换为上传文件blob对象
查看>>
高级开发全面技能要求
查看>>
数据库主从表,主外键,表更新、删除
查看>>
JavaScript学习之旅-11(原创)
查看>>
背包九讲问题
查看>>