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 相关文章推荐
返回页面顶部top按钮通过锚点实现(自写)
Aug 30 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
JS获取当前日期时间并定时刷新示例
Mar 04 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
Jun 12 Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 Javascript
详解ES6中的代理模式——Proxy
Jan 08 Javascript
详解vue移动端项目的适配(以mint-ui为例)
Aug 17 Javascript
JavaScript基础之静态方法和实例方法分析
Dec 26 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
May 07 Javascript
js利用递归与promise 按顺序请求数据的方法
Aug 30 Javascript
js实现上下左右键盘控制div移动
Jan 16 Javascript
Promise静态四兄弟实现示例详解
Jul 07 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处理斐波那契数列非递归方法
2012/02/04 PHP
PHP获得数组交集与差集的方法
2015/06/10 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
为JavaScript添加重载函数的辅助方法
2010/07/04 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
Jquery 点击按钮自动高亮实现原理及代码
2014/04/25 Javascript
js+jquery常用知识点汇总
2015/03/03 Javascript
jquery判断输入密码两次是否相等
2020/04/22 Javascript
JavaScript中日期函数的相关操作知识
2016/08/03 Javascript
使用 bootstrap modal遇到的问题小结
2016/11/09 Javascript
利用vue写todolist单页应用
2016/12/15 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2017/01/22 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
Vue cli+mui 区域滚动的实例代码
2018/01/25 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
使用layui 渲染table数据表格的实例代码
2018/08/19 Javascript
[02:27]2014DOTA2国际邀请赛 VG赛后采访:更大的挑战在等着我们
2014/07/13 DOTA
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
python 定时修改数据库的示例代码
2018/04/08 Python
使用Python在Windows下获取USB PID&amp;VID的方法
2019/07/02 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
详解Python高阶函数
2020/08/15 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
创伤外科专业推荐信范文
2013/11/19 职场文书
化学实验员岗位职责
2013/12/28 职场文书
信息技术毕业生自荐信范文
2014/03/13 职场文书
经典英文广告词
2014/03/18 职场文书
2014年副班长工作总结
2014/12/10 职场文书
建筑质检员岗位职责
2015/04/08 职场文书
2015年小学一年级班主任工作总结
2015/05/21 职场文书
《生物入侵者》教学反思
2016/02/16 职场文书
el-form每行显示两列底部按钮居中效果的实现
2022/08/05 HTML / CSS