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 语法基础 想学习js的朋友可以看看
Dec 16 Javascript
javascript parseInt与Number函数的区别
Jan 21 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
jquery 操作iframe的几种方法总结
Dec 13 Javascript
angularJS 入门基础
Feb 09 Javascript
纯CSS3代码实现滑动开关效果
Aug 19 Javascript
Vue.js每天必学之组件与组件间的通信
Sep 08 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
Nov 16 Javascript
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
浅谈Vuex的状态管理(全家桶)
Nov 04 Javascript
微信小程序的开发范式BeautyWe.js入门详解
Jul 10 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
一首老MP3,致敬WAR3经典
2021/03/08 魔兽争霸
rrmdir php中递归删除目录及目录下的文件
2011/05/15 PHP
学习使用curl采集curl使用方法
2012/01/11 PHP
php时间戳转换代码详解
2019/08/04 PHP
浅析PHP echo 和 print 语句
2020/06/30 PHP
select多选 multiple的使用示例
2014/06/16 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
2015/03/03 Javascript
纯js实现重发验证码按钮倒数功能
2015/04/21 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
js 获取html5的data属性实现方法
2017/07/28 Javascript
SeaJS中use函数用法实例分析
2017/10/10 Javascript
微信小程序实现人脸检测功能
2018/05/25 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
2018/10/19 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
vue 微信扫码登录(自定义样式)
2020/01/06 Javascript
如何在Node和浏览器控制台中打印彩色文字
2020/01/09 Javascript
微信小程序使用GoEasy实现websocket实时通讯
2020/05/19 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
Python 实现子类获取父类的类成员方法
2019/01/11 Python
python实现转盘效果 python实现轮盘抽奖游戏
2019/01/22 Python
Python greenlet和gevent使用代码示例解析
2020/04/01 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
python输出数学符号实例
2020/05/11 Python
Python如何定义有可选参数的元类
2020/07/31 Python
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
机电专业个人自荐信格式模板
2013/09/23 职场文书
学生感冒英文请假条
2014/02/04 职场文书
信用社主任竞聘演讲稿
2014/05/23 职场文书
小学先进集体事迹材料
2014/05/31 职场文书
开展党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
服务承诺书
2015/01/19 职场文书
餐馆开业致辞
2015/08/01 职场文书
Nginx+Tomcat实现负载均衡、动静分离的原理解析
2021/03/31 Servers
python实现大文本文件分割成多个小文件
2021/04/20 Python
Grafana可视化监控系统结合SpringBoot使用
2022/04/19 Redis