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 相关文章推荐
javascript Onunload与Onbeforeunload使用小结
Dec 31 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 Javascript
详谈LABJS按需动态加载js文件
May 07 Javascript
JavaScript html5 canvas绘制时钟效果
Mar 01 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
Apr 01 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
Jul 08 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
Dec 05 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
微信小程序自定义导航教程(兼容各种手机)
Dec 12 Javascript
使用Vue实现移动端左滑删除效果附源码
May 16 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
Netflix将与CLAMP、乙一以及冲方丁等6名知名制作人合伙展开原创动画计划!
2020/03/06 日漫
PHP_MySQL教程-第一天
2007/03/18 PHP
让PHP更快的提供文件下载的代码
2012/06/13 PHP
PHP内核探索:变量概述
2014/01/30 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
PHP重置数组为连续数字索引的几种方式总结
2018/03/12 PHP
PHP一个简单的无需刷新爬虫
2019/01/05 PHP
php操作redis命令及代码实例大全
2020/11/19 PHP
jquery ready()的几种实现方法小结
2010/06/18 Javascript
Jquery 获取对象的几种方式介绍
2014/01/17 Javascript
jquery 实时监听输入框值变化的完美方法(必看)
2017/01/26 Javascript
JS控制鼠标拒绝点击某一按钮的实例
2017/12/29 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
vue的全局提示框组件实例代码
2018/02/26 Javascript
Vue函数式组件-你值得拥有
2019/05/09 Javascript
百度小程序之间的页面通信过程详解
2019/07/18 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
[03:38]2014DOTA2西雅图国际邀请赛 VG战队巡礼
2014/07/07 DOTA
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python中urllib模块用法实例详解
2014/11/19 Python
详解python之多进程和进程池(Processing库)
2017/06/09 Python
教你利用Python玩转histogram直方图的五种方法
2018/07/30 Python
jupyter notebook 中输出pyecharts图实例
2020/04/23 Python
Python常用数据类型之间的转换总结
2019/09/06 Python
Pyorch之numpy与torch之间相互转换方式
2019/12/31 Python
解析PyCharm Python运行权限问题
2020/01/08 Python
基于HTML5 FileSystem API的使用介绍
2013/04/24 HTML / CSS
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
计算机开发个人求职信范文
2013/09/26 职场文书
电子商务毕业生求职信
2013/11/10 职场文书
《狮子和兔子》教学反思
2014/03/02 职场文书
酒店保安领班职务说明书
2014/03/04 职场文书
小学生读书活动总结
2014/06/30 职场文书
英文投诉信格式
2015/07/03 职场文书