java script小知识

1、json的使用
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写,同时也易于机器解析和生成。它基于JavaScript(Standard ECMA262
3rd Edition December
1999)的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java,
JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。
JSON:JavaScript 对象表示法(JavaScript Object Notation)。
JSON 是存储和交换文本信息的语法。类似 XML。
JSON 比 XML 更小、更快,更易解析
JSON 的语法可以表示以下三种类型的值。
(1) 简单值:使用与JavaScript 相同的语法,可以在JSON 中表示字符串、数值、布尔值和null。
但JSON 不支持JavaScript 中的特殊值undefined。
(2) 对象:对象作为一种复杂数据类型,表示的是一组无序的键值对儿。而每个键值对儿中的值可
以是简单值,也可以是复杂数据类型的值。
(3)数组:数组也是一种复杂数据类型,表示一组有序的值的列表,可以通过数值索引来访问其中
的值。数组的值也可以是任意类型——简单值、对象或数组。
JSON 不支持变量、函数或对象实例,它就是一种表示结构化数据的格式,虽然与JavaScript 中表示
数据的某些语法相同,但它并不局限于JavaScript 的范畴。

<!DOCTYPE HTML>
2. <html>
3. <head>
4. <meta charset="utf‐8">
5. <title>json</title>
6. <script>
7. /*var a=12;
8. var b=5;
9. var c='abc';
10. */
11. var json={a: 12, b: 5, c: 'abc'};
12.
13. json.b++;
14.
15. alert(json.b);
16. </script>
17. </head>
18.
19. <body>
20. </body>
21. </html>

2、函数表达式是JavaScript 中的一个既强大又容易令人困惑的特性。
定义函数的方式有两种:一种是函数声明,另一种就是函数表达式。函数声明的语法是这样的。
function functionName(arg0, arg1, arg2) {
//函数体
}
首先是function 关键字,然后是函数的名字,这就是指定函数名的方式。Firefox、Safari、Chrome和Opera 都给函数定义了一个非标准的name 属性,通过这个属性可以访问到给函数指定的名字。这个属性的值永远等于跟在function 关键字后面的标识符。//只在Firefox、Safari、Chrome 和Opera 有效alert(functionName.name); //”functionName”
关于函数声明,它的一个重要特征就是函数声明提升(function declaration hoisting),意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句后面。sayHi();function sayHi(){alert(“Hi!”);
}FunctionDeclarationHoisting01.htm
这个例子不会抛出错误,因为在代码执行之前会先读取函数声明。
第二种创建函数的方式是使用函数表达式。函数表达式有几种不同的语法形式。下面是最常见的一种形式。
var functionName = function(arg0, arg1, arg2){//函数体};
这种形式看起来好像是常规的变量赋值语句,即创建一个函数并将它赋值给变量functionName。
这种情况下创建的函数叫做匿名函数(anonymous function),因为function 关键字后面没有标识符。
(匿名函数有时候也叫拉姆达函数。)匿名函数的name 属性是空字符串。
函数表达式与其他表达式一样,在使用前必须先赋值。以下代码会导致错误。
sayHi(); //错误:函数还不存在
var sayHi = function(){
alert(“Hi!”);
};
理解函数提升的关键,就是理解函数声明与函数表达式之间的区别。例如,执行以下代码的结果可
能会让人意想不到。
//不要这样做!
if(condition){
function sayHi(){
alert(“Hi!”);
}
} else {
function sayHi(){
alert(“Yo!”);
}
}
表面上看,以上代码表示在condition 为true 时,使用一个sayHi()的定义;否则,就使用另
一个定义。实际上,这在ECMAScript 中属于无效语法,JavaScript 引擎会尝试修正错误,将其转换为合
理的状态。但问题是浏览器尝试修正错误的做法并不一致。大多数浏览器会返回第二个声明,忽略
condition;Firefox 会在condition 为true 时返回第一个声明。因此这种使用方式很危险,不应该
出现在你的代码中。不过,如果是使用函数表达式,那就没有什么问题了。
//可以这样做
var sayHi;
if(condition){
sayHi = function(){
alert(“Hi!”);
};
} else {
sayHi = function(){
alert(“Yo!”);
};
}
这个例子不会有什么意外,不同的函数会根据condition 被赋值给sayHi。
能够创建函数再赋值给变量,也就能够把函数作为其他函数的值返回。还记得第5 章中的那个
createComparisonFunction()函数吗:

function createComparisonFunction(propertyName) {
return function(object1, object2){
var value1 = object1[propertyName];
var value2 = object2[propertyName];
if (value1 < value2){
return -1;
} else if (value1 > value2){
return 1;
} else {
return 0;
}
};
}

createComparisonFunction()就返回了一个匿名函数。返回的函数可能会被赋值给一个变量,或者以其他方式被调用;不过,在createComparisonFunction()函数内部,它是匿名的。在把函数当成值来使用的情况下,都可以使用匿名函数。不过,这并不是匿名函数唯一的用途。
函数的组成部分有关键字function,还有这三种:
(1)函数名称标示符。函数名称是函数声明语句必须的部分。他的用途就像变量的名字,新定义的函数对象会赋值给这个变量。对函数定义表达式来说,这个名字是可选的:。如果存在,该名字只存在于函数体中,并指代还函数对象本身。
(2)一对圆括号,其中包含由0个或者多个用逗号隔开的标示符组成的列表。这些标示符是函数的参数名称,他们就像函数体中的局部变量一样。
(3)一对花括号,其中包含0条或多条javascript语句。这些语句构成了函数体:一单调用函数,就会这回执行这些语句。

猜你喜欢

转载自blog.csdn.net/qq_37252374/article/details/54292420
今日推荐