JavaScript 七大技巧(一)


Posted in Javascript onDecember 13, 2015

JavaScript是一门非常流行的编程语言,许多开发者都会把JavaScript选为入门语言,本文向大家分享JavaScript七大实用技巧、最佳实践等非常实用的内容。在过去,如果你想创建一个对象,你需要这样:

var car = new Object();
 car.colour = 'red';

 car.wheels = ;

 car.hubcaps = 'spinning';

 car.age = ;
下面的写法能够达到同样的效果: var car = {

 colour:'red',

 wheels:,

 hubcaps:'spinning',

 age:

 }

简单多了,你不需要反复使用这个对象的名称。

这样 car 就定义好了,也许你会遇到 invalidUserInSession 的问题,这只有你在使用IE时会碰到,只要记住一点,不要右大括

号前面写分号,你就不会有麻烦。

另外一个十分方便的简写是针对数组的。

传统的定义数组的方法是这样:

var moviesThatNeedBetterWriters
= new Array(

 'Transformers','Transformers','Avatar','Indiana

Jones '

 );
简写版的是这样: var moviesThatNeedBetterWriters

= [

 'Transformers','Transformers','Avatar','Indiana

Jones '

 ];

  对于数组,这里有个问题,其实没有什么图组功能。但你会经常发现有人这样定义上面的 car ,就像这样

var car = new Array();
 car['colour'] = 'red';

 car['wheels'] = ;

 car['hubcaps'] = 'spinning';

 car['age'] = ;

数组不是万能的;这样写不对,会让人困惑。图组实际上是对象的功能,人们混淆了这两个概念。

另外一个非常酷的简写方法是使用与三元条件符号。

你不必写成下面的样子…

var direction;
 if(x < ){

 direction = ;

 } else {

 direction = -;

 }
...

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

var direction

= x < 200 ? 1 : -1; 

当条件为true 时取问号后面的值,否则取冒号后面的值。

以上就是三水点靠木小编为大家分享的有关JavaScript 七大技巧(一)的知识,后续给大家更新javascript七大技巧(二),我们后续会还会更新更多关于这方面的知识,希望能够对大家有所帮助。

Javascript 相关文章推荐
HTML中事件触发列表与解说
Jul 09 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
jQuery中parents()和parent()的区别分析
Oct 28 Javascript
jQuery实现在列表的首行添加数据
May 19 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
Jan 05 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
JavaScript实现精美个性导航栏筋斗云效果
Oct 29 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
Jun 19 Javascript
JS 5种遍历对象的方式
Jun 16 Javascript
Postman参数化实现过程及原理解析
Aug 13 Javascript
JavaScript 七大技巧(二)
Dec 13 #Javascript
js自定义回调函数
Dec 13 #Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
Dec 13 #Javascript
分享Javascript实用方法二
Dec 13 #Javascript
JavaScript判断按钮被点击的方法
Dec 13 #Javascript
jquery插件uploadify实现带进度条的文件批量上传
Dec 13 #Javascript
JavaScript代码判断点击第几个按钮
Dec 13 #Javascript
You might like
同一空间绑定多个域名而实现访问不同页面的PHP代码
2006/12/06 PHP
php实现多张图片上传加水印技巧
2013/04/18 PHP
关于二级目录拖拽排序的实现(源码示例下载)
2013/04/26 PHP
关于viewport,Ext.panel和Ext.form.panel的关系
2009/05/07 Javascript
javascript 从if else 到 switch case 再到抽象
2010/07/17 Javascript
Js获取事件对象代码
2010/08/05 Javascript
JQuery live函数
2010/12/24 Javascript
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
创建公共调用 jQuery Ajax 带返回值
2012/08/01 Javascript
JS实现单行文字不间断向上滚动的方法
2015/01/29 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
谈谈JavaScript自定义回调函数
2015/10/18 Javascript
javascript类型系统_正则表达式RegExp类型详解
2016/06/24 Javascript
Angularjs手动解析表达式($parse)
2016/10/12 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
2017/03/28 jQuery
node.js中cluster的使用教程
2017/06/09 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
2017/06/14 Javascript
JS实现DOM删除节点操作示例
2018/04/04 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
2018/08/14 jQuery
快速解决vue动态绑定多个class的官方实例语法无效的问题
2018/09/05 Javascript
深入了解JavaScript 私有化
2019/05/30 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
[01:06]DOTA2小知识课堂 Ep.01 TP出门不要忘记帮队友灌瓶哦
2019/12/05 DOTA
python通过wxPython打开一个音频文件并播放的方法
2015/03/25 Python
python使用cStringIO实现临时内存文件访问的方法
2015/03/26 Python
python实现上传下载文件功能
2020/11/19 Python
Python找出微信上删除你好友的人脚本写法
2018/11/01 Python
利用Python实现原创工具的Logo与Help
2018/12/03 Python
python钉钉机器人运维脚本监控实例
2019/02/20 Python
对Django url的几种使用方式详解
2019/08/06 Python
.net面试题
2016/09/17 面试题
J2EE面试题
2016/03/14 面试题
公务员综合考察材料
2014/02/01 职场文书
研究生毕业论文导师评语
2014/12/31 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
2016元旦晚会主持人开场白和结束语
2015/12/03 职场文书