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 相关文章推荐
用显卡加速,轻松把笔记本打造成取暖器的办法!
Apr 17 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
基于jquery实现ajax无刷新评论
Aug 19 Javascript
Javascript之Number对象介绍
Jun 07 Javascript
AngularJS 面试题集锦
Sep 06 Javascript
学习使用bootstrap的modal和carousel
Dec 09 Javascript
详解JS中的快速排序与冒泡
Jan 10 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
May 12 Javascript
Vue v-text指令简单使用方法示例
Sep 19 Javascript
VUEX-action可以修改state吗
Nov 19 Javascript
Vue 请求传公共参数的操作
Jul 31 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
Oct 29 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
第十三节 对象串行化 [13]
2006/10/09 PHP
PHP函数in_array()使用详解
2014/08/20 PHP
PHP简单实现上一页下一页功能示例
2016/09/14 PHP
php实现mysql连接池效果实现代码
2018/01/25 PHP
JavaScript实现动态增加文件域表单
2009/02/12 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
2013/11/10 Javascript
javascript动画算法实例分析
2015/07/31 Javascript
详解在Vue中通过自定义指令获取dom元素
2017/03/04 Javascript
使用DataTable插件实现异步加载数据
2017/11/19 Javascript
自定义PC微信扫码登录样式写法
2017/12/12 Javascript
nodejs acl的用户权限管理详解
2018/03/14 NodeJs
Vue-Router基础学习笔记(小结)
2018/10/15 Javascript
利用vue3+ts实现管理后台(增删改查)
2020/10/30 Javascript
python下载文件时显示下载进度的方法
2015/04/02 Python
python中列表元素连接方法join用法实例
2015/04/07 Python
python使用arp欺骗伪造网关的方法
2015/04/24 Python
flask中主动抛出异常及统一异常处理代码示例
2018/01/18 Python
python实现超市扫码仪计费
2018/05/30 Python
在dataframe两列日期相减并且得到具体的月数实例
2018/07/03 Python
解决python中 f.write写入中文出错的问题
2018/10/31 Python
Python 加密与解密小结
2018/12/06 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
使用Python来做一个屏幕录制工具的操作代码
2020/01/18 Python
浅谈tensorflow 中tf.concat()的使用
2020/02/07 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
CSS Houdini实现动态波浪纹效果
2019/07/30 HTML / CSS
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
.NET面试10题
2014/02/24 面试题
质量月活动总结
2014/08/26 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
学生违纪检讨书200字
2014/10/21 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
大学生活感想
2015/08/10 职场文书
广告文案的撰写技巧(实用干货)
2019/08/23 职场文书
golang中的并发和并行
2021/05/08 Golang