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实现禁止后退的方法
Dec 27 Javascript
如何在Web页面上直接打开、编辑、创建Office文档
Mar 12 Javascript
跟着Jquery API学Jquery之一 选择器
Apr 07 Javascript
JQuery仿小米手机抢购页面倒计时效果
Dec 16 Javascript
简单谈谈javascript代码复用模式
Jan 28 Javascript
setTimeout内不支持jquery的选择器的解决方案
Apr 28 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
深入理解Node.js的HTTP模块
Oct 12 Javascript
Vue仿手机qq的实例代码(demo)
Sep 08 Javascript
详解Vue.js项目API、Router配置拆分实践
Mar 16 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
Threejs实现滴滴官网首页地球动画功能
Jul 13 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
全国FM电台频率大全 - 21 海南省
2020/03/11 无线电
乱谈我对耳机、音箱的感受
2021/03/02 无线电
php连接函数implode与分割explode的深入解析
2013/06/26 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
php实现遍历文件夹的方法汇总
2017/03/02 PHP
PHP实现数组和对象的相互转换操作示例
2019/03/20 PHP
JS.GetAllChild(element,deep,condition)使用介绍
2013/09/21 Javascript
jQuery中width()方法用法实例
2014/12/24 Javascript
JavaScript实现彩虹文字效果的方法
2015/04/16 Javascript
简介JavaScript中search()方法的使用
2015/06/06 Javascript
封装好的javascript前端分页插件pagination
2016/01/04 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
vue事件修饰符和按键修饰符用法总结
2017/07/25 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
layui实现数据表格点击搜索功能
2020/03/26 Javascript
[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾
2016/06/29 DOTA
Python 列表排序方法reverse、sort、sorted详解
2016/01/22 Python
python 判断linux进程,并杀死进程的实现方法
2019/07/01 Python
使用pandas读取文件的实现
2019/07/31 Python
Python配置pip国内镜像源的实现
2020/08/20 Python
Python基于staticmethod装饰器标示静态方法
2020/10/17 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
英国的领先快速时尚零售商:In The Style
2019/03/25 全球购物
化学教师自荐信范文
2013/12/28 职场文书
经销商会议欢迎词
2014/01/11 职场文书
承诺书样本
2014/08/30 职场文书
二人合伙经营协议书
2014/09/13 职场文书
免职证明样本
2014/10/23 职场文书
2014年圣诞节寄语
2014/12/08 职场文书
十月围城观后感
2015/06/08 职场文书
幼儿园大班教学反思
2016/03/02 职场文书
利用Redis实现点赞功能的示例代码
2022/06/28 Redis