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 相关文章推荐
jQuery 源码分析笔记(5) jQuery.support
Jun 19 Javascript
原生javascript和jquery判断浏览器版本等信息
Jul 04 Javascript
基于jquery的simpleValidate简易验证插件
Jan 31 Javascript
javascript 构造函数方式定义对象
Jan 02 Javascript
jQuery控制网页打印指定区域的方法
Apr 07 Javascript
jquery实现鼠标悬浮停止轮播特效
Aug 20 Javascript
快速获取/设置iframe内对象元素的几种js实现方法
May 20 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
AngularJS实现单独作用域内的数据操作
Sep 05 Javascript
JS传参及动态修改页面布局
Apr 13 Javascript
对vue里函数的调用顺序介绍
Mar 17 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
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
MySQL相关说明
2007/01/15 PHP
PHP入门速成教程
2007/03/19 PHP
PHP之变量、常量学习笔记
2008/03/27 PHP
PHP中的函数嵌套层数限制分析
2011/06/13 PHP
laravel框架模型和数据库基础操作实例详解
2020/01/25 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
基于jquery的DIV随滚动条滚动而滚动的代码
2012/07/20 Javascript
js取消单选按钮选中示例代码
2013/11/14 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
2013/11/20 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
2014/05/02 Javascript
Javascript数组与字典用法分析
2014/12/13 Javascript
javascript制作的简单注册模块表单验证
2015/04/13 Javascript
JavaScript中的getTime()方法使用详解
2015/06/10 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
2016/01/12 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
2016/05/15 Javascript
canvas绘制环形进度条
2017/02/23 Javascript
详解AngularJS 路由 resolve用法
2017/04/24 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
微信小程序开发教程之增加mixin扩展
2017/08/09 Javascript
vue视图不更新情况详解
2019/05/16 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
Python中的Numpy入门教程
2014/04/26 Python
简述Python中的进程、线程、协程
2016/03/18 Python
详解python多线程之间的同步(一)
2019/04/03 Python
Python模块zipfile原理及使用方法详解
2020/08/04 Python
python模拟点击在ios中实现的实例讲解
2020/11/26 Python
智能电子秤、手表和健康监测仪:Withings(之前为诺基亚健康)
2018/10/30 全球购物
俄罗斯名牌服装网上商店:UNIQUE FABRIC
2019/07/25 全球购物
什么是lambda函数
2013/09/17 面试题
简历自我评价怎么写呢?
2014/01/06 职场文书
离婚民事起诉状
2015/08/03 职场文书
公司业务员管理制度
2015/08/05 职场文书
python如何做代码性能分析
2021/04/26 Python
Mysql将字符串按照指定字符分割的正确方法
2022/05/30 MySQL