`

7个JavaScript技巧

 
阅读更多

1:我写JavaScript代码已经很久了,都记不起是什么年代开始的了。对于JavaScript这种语言近几年所取得的成就,我感到非常的兴奋;我很幸运也是这些成就的获益者。

JavaScript里我最喜欢的一种东西就是生成对象和数组的简写方法。在过去,如果你想创建一个对象,你需要这样:

1 	var car = new Object();
2 	car.colour = 'red';
3 	car.wheels = 4;
4 	car.hubcaps = 'spinning';
5 	car.age = 4;

下面的写法能够达到同样的效果:

1 	var car = {
2 		colour:'red',
3 		wheels:4,
4 		hubcaps:'spinning',
5 		age:4
6 	}

简单多了,你不需要反复使用这个对象的名称。这样 car 就定义好了,也许你会遇到 invalidUserInSession 的问题,这只有你在使用IE时会碰到,只要记住一点,不要右大括号前面写逗号,你就不会有麻烦。

 

另外一个十分方便的简写是针对数组的。传统的定义数组的方法是这样:

1 	var moviesThatNeedBetterWriters = new Array(
2 		'Transformers','Transformers2','Avatar','IndianaJones 4'
3 	);

简写版的是这样:

1 	var moviesThatNeedBetterWriters = [
2 		'Transformers','Transformers2','Avatar','IndianaJones 4'
3 	];


另外一个非常酷的简写方法是使用与三元条件符号。你不必写成下面的样子…

1 	var direction;
2 	if(x < 200){
3 		direction = 1;
4 	} else {
5 		direction = -1;
6 	}

你可以使用三元条件符号简化它:

1 	var direction = x < 200 ? 1 : -1;


JSON 形式存储数据

在我发现JSON之前,我使用各种疯狂的方法把数据存贮在JavaScript固有的数据类型里面,例如:数组,字符串,中间夹杂着容易进行拆分的标志符号以及其它的令人讨厌的东西。Douglas Crockford 发明了JSON 之后,一切全变了。使用JSON,你可以使用JavaScript自有功能把数据存贮成复杂的格式,而且不需要再做其它的额外转换,直接可以访问使用。JSON 是 “JavaScript Object Notation” 的缩写,它用到了上面提到的两种简写方法。于是,如果你想描述一个乐队,你可能会像这样写:

01 	var band = {
02	 	"name":"The Red Hot Chili Peppers",
03	 	"members":[
04		 	{
05		 	"name":"Anthony Kiedis",
06		 	"role":"lead vocals"
07		 	},
08 			{
09 			"name":"Michael 'Flea' Balzary",
10 			"role":"bass guitar, trumpet, backing vocals"
11 			},
12 			{
13 			"name":"Chad Smith",
14 			"role":"drums,percussion"
15 			},
16		 	{
17 			"name":"John Frusciante",
18		 	"role":"Lead Guitar"
19		 	}
20 	 	],
21 	"year":"2009"
22 	}


分享到:
评论

相关推荐

    早该知道的7个JavaScript技巧

    以下是你需要了解的7个JavaScript技巧: 1. **简洁写法创建对象和数组**: 在JavaScript中,创建对象的传统方式是使用`new Object()`并逐个添加属性,而简洁写法允许你直接使用大括号 `{}` 来定义对象,如`var car...

    7个好用的JavaScript技巧分享(译).docx

    以下是从标题和描述中提取的7个JavaScript技巧的详细说明: 1. **数组去重** 在JavaScript中,去重一个数组可以使用ES6的Set数据结构。Set会自动去除重复的元素,因此我们可以将数组转换为Set,然后再转换回数组,...

    JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

    这个“JavaScript小技巧全集”提供了丰富的教程和源代码,旨在帮助开发者深入理解和掌握JavaScript的各种实用技巧。 首先,我们来看看JavaScript的基本语法。JavaScript是一种弱类型、解释型的语言,它的变量声明不...

    JavaScript技巧200多个

    这个名为"JavaScript技巧200多个"的资源显然包含了大量实用的编程技巧,可以帮助开发者提升JavaScript编程效率和代码质量。以下是一些可能包含在JS技巧200个.txt文件中的关键知识点: 1. **变量声明与作用域**:...

    js技巧 javaScript编码技巧

    以上技巧和知识点在200个js技巧.docx文档中可能有更详尽的解释和实例,建议深入学习,结合实践以提升JavaScript编程技能。同时,不断关注JavaScript的最新发展,如ES规范的更新,以及社区的最佳实践,将有助于你成为...

    javascript技巧(javascript调用C#方法)个人学习笔记

    javascript技巧(javascript调用C#方法) 个人笔记

    javascript技巧精心收集

    "javascript技巧精心收集"这个主题包含了一系列关于JavaScript编程的实用技巧和资源,旨在帮助开发者提升技能和效率。以下是一些从提供的文件名中提炼出的关键知识点: 1. **jsp技巧.txt**:这可能涉及到JavaServer...

    JavaScript最常用的55个经典技巧

    本资源总结了 55 个 JavaScript 经典技巧,涵盖了多方面的 JavaScript 使用技巧,包括屏蔽鼠标右键、防止复制、防止粘贴、取消选取、防止用户 Frame 页面、屏蔽输入法、获取控件的绝对位置、判断上一页的来源等多种...

    javascript非常实用的技巧

    在开发应用中,绝对实用的javascript技巧,一点都不花哨

    1000个javascript小技巧

    以上只是JavaScript知识体系中的一小部分,"1000个JavaScript小技巧"将包含更多实用技巧,涉及DOM操作、AJAX请求、动画制作、函数式编程等多个方面,通过学习这些技巧,开发者可以不断提升JavaScript技能,应对各种...

    JavaScript Array对象详解-javascript技巧.pdf

    JavaScript Array对象详解_javascript技巧

    javascript方法和技巧大全

    ### JavaScript方法和技巧详解 #### 一、基本概念与语法结构 **JavaScript**是一种轻量级的编程语言,被广泛应用于网页开发中,用于增强网页的交互性与动态效果。以下是一些基本的语法和使用技巧。 ##### 1. 嵌入...

    JavaScript小技巧整理篇(非常全).pdf

    ### JavaScript小技巧整理篇知识点详述 #### 一、引言 本文档旨在总结一系列JavaScript编程中的实用技巧,涵盖从基本操作到高级功能的应用。这些技巧不仅有助于提升开发效率,还能帮助开发者更好地理解和掌握...

    Javascript 技巧大全Javascript 技巧大全

    Javascript 技巧大全Javascript 技巧大全Javascript 技巧大全Javascript 技巧大全Javascript 技巧大全Javascript 技巧大全

    JavaScript方法和技巧大全.doc

    本文档,"JavaScript方法和技巧大全.doc",旨在为初学者提供一个全面的指南,帮助他们掌握JavaScript的基础知识和实用技巧。 首先,让我们从基础开始。在HTML中,JavaScript代码通常嵌入在`&lt;script&gt;`标签内,如`...

    JavaScript方法和技巧大全

    这篇文章主要聚焦于JavaScript的一些基本方法和实用技巧,旨在帮助无论是初学者还是有一定经验的开发者提升JavaScript技能。 首先,创建JavaScript脚本块是通过`&lt;script&gt;`标签实现的,其中`language="JavaScript"`...

    JavaScript技巧收集.7z

    这个"JavaScript技巧收集.7z"压缩包很可能是包含了一系列关于JavaScript编程的实用技巧、代码片段或者示例项目。尽管没有具体的标签提供额外信息,我们可以从常见的JavaScript知识点出发,来探讨一些重要的概念和...

    收集的javascript 技巧

    本文旨在从一个帖子中提炼出的JavaScript技巧与方法进行深入解析,帮助读者更全面地理解和掌握这门语言。 #### 基础知识 **创建脚本块** 在HTML中嵌入JavaScript最常见的方式是通过`&lt;script&gt;`标签。语法结构如下...

Global site tag (gtag.js) - Google Analytics