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 Tab 导航插件 (23个)
Jun 11 Javascript
javascript 数组排序函数
Aug 20 Javascript
Javascript 中 null、NaN和undefined的区别总结
Apr 10 Javascript
node.js中的fs.lchownSync方法使用说明
Dec 16 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
Nov 18 Javascript
JS模态窗口返回值兼容问题的完美解决方法
May 28 Javascript
AngularJS实现DOM元素的显示与隐藏功能
Nov 22 Javascript
Ionic 2 实现列表滑动删除按钮的方法
Jan 22 Javascript
vue prop属性传值与传引用示例
Nov 13 Javascript
在JavaScript中实现链式调用的实现
Dec 24 Javascript
js Math数学简单使用操作示例
Mar 13 Javascript
JavaScript实现像雪花一样的Hexaflake分形
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利用单例模式实现日志处理类库
2014/02/10 PHP
PHP关于htmlspecialchars、strip_tags、addslashes的解释
2014/07/04 PHP
php使用glob函数遍历文件和目录详解
2016/09/23 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
基于JQuery的列表拖动排序实现代码
2013/10/01 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
EasyUI中实现form表单提交的示例分享
2015/03/01 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
2015/08/24 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
javascript实现计时器的简单方法
2016/02/21 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
2016/06/13 Javascript
浅谈jquery中使用canvas的问题
2016/10/10 Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
2018/11/14 Javascript
[03:24]CDEC.Y赛前采访 努力备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
python显示天气预报
2014/03/02 Python
python中global与nonlocal比较
2014/11/21 Python
改进Django中的表单的简单方法
2015/07/17 Python
python递归实现快速排序
2018/08/18 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
python读取yaml文件后修改写入本地实例
2020/04/27 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
Python使用configparser读取ini配置文件
2020/05/25 Python
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
建龙钢铁面试总结
2014/04/15 面试题
2014年单位植树节活动方案
2014/03/23 职场文书
班主任经验交流会主持词
2014/04/01 职场文书
租房协议书怎么写
2014/04/10 职场文书
离婚协议书范本
2015/01/26 职场文书
求职自我推荐信
2015/03/24 职场文书
国富论读书笔记
2015/06/26 职场文书
农村结婚典礼主持词
2015/06/29 职场文书
庆七一主持词
2015/06/29 职场文书
高中同学会致辞
2015/08/01 职场文书
聊聊redis-dump工具安装问题
2022/01/18 Redis