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中通过URL传递汉字的方法
Apr 09 Javascript
node.js中的buffer.write方法使用说明
Dec 10 Javascript
js正则表达式中exec用法实例
Jul 23 Javascript
js实现类似MSN提示的页面效果代码分享
Aug 24 Javascript
jquery获取点击控件的绝对位置简单实例
Oct 13 Javascript
JS实现的视频弹幕效果示例
Aug 17 Javascript
对vux点击事件的优化详解
Aug 28 Javascript
Vue实现一个无限加载列表功能
Nov 13 Javascript
js中位运算的运用实例分析
Dec 11 Javascript
解决vue单页面应用中动态修改title问题
Jun 09 Javascript
vue2路由基本用法实例分析
Mar 06 Javascript
vue 通过绑定事件获取当前行的id操作
Jul 27 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
DOTA2 玩家自创拉野攻略 特色英雄快速成长篇
2020/04/20 DOTA
phpadmin如何导入导出大数据文件及php.ini参数修改
2013/02/18 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
WordPress开发中用于获取近期文章的PHP函数使用解析
2016/01/05 PHP
JavaScript的类型简单说明
2010/09/03 Javascript
js下拉框二级关联菜单效果代码具体实现
2013/08/03 Javascript
基于JQuery的列表拖动排序实现代码
2013/10/01 Javascript
js 实现数值的千分位及保存小数方法(推荐)
2016/08/01 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
几种响应式文字详解
2017/05/19 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
2020/05/28 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
[50:34]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
详解Python的Django框架中的Cookie相关处理
2015/07/22 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
利用python爬取斗鱼app中照片方法实例
2017/12/03 Python
Python简单定义与使用二叉树示例
2018/05/11 Python
详解Django中六个常用的自定义装饰器
2018/07/04 Python
python七夕浪漫表白源码
2019/04/05 Python
Python 实现交换矩阵的行示例
2019/06/26 Python
python selenium 执行完毕关闭chromedriver进程示例
2019/11/15 Python
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
HTML5中外部浏览器唤起微信分享功能的代码
2020/09/15 HTML / CSS
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
企业员工薪酬方案
2014/06/04 职场文书
班级口号大全
2014/06/09 职场文书
2014党员批评和自我批评思想汇报
2014/09/21 职场文书
个人贷款授权委托书样本
2014/10/07 职场文书
nginx location优先级的深入讲解
2021/03/31 Servers
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers
css常用字体属性与背景属性介绍
2022/02/28 HTML / CSS
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL