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 相关文章推荐
js 页面执行时间计算代码
Mar 04 Javascript
JQuery 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
Prototype源码浅析 Enumerable部分之each方法
Jan 16 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
May 08 Javascript
extjs表格文本启用选择复制功能具体实现
Oct 11 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
jquery插件格式实例分析
Jun 16 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
May 24 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
Nov 30 Javascript
node中短信api实现验证码登录的示例代码
Jan 20 Javascript
如何在vue中使用video.js播放m3u8格式的视频
Feb 01 Vue.js
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
Ajax和PHP正则表达式验证表单及验证码
2016/09/24 PHP
Zend Framework校验器Zend_Validate用法详解
2016/12/09 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
使用laravel的Eloquent模型如何获取数据库的指定列
2019/10/17 PHP
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
jquery实现选中单选按钮下拉伸缩效果
2015/08/06 Javascript
浅谈Vue 初始化性能优化
2017/08/31 Javascript
vue学习笔记之v-if和v-show的区别
2017/09/20 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
2019/01/09 Javascript
自定义javascript验证框架示例【附源码下载】
2019/05/31 Javascript
vue cli4下环境变量和模式示例详解
2020/04/09 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
基于JQuery实现页面定时弹出广告
2020/05/08 jQuery
[03:06]V社市场总监Dota2项目负责人Erik专访:希望更多中国玩家加入DOTA2
2014/07/11 DOTA
python将ip地址转换成整数的方法
2015/03/17 Python
Python实现的栈、队列、文件目录遍历操作示例
2019/05/06 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
Django实现文件上传下载
2019/10/06 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
基于 Python 实践感知器分类算法
2021/01/07 Python
Needle & Thread官网:英国仙女品牌
2018/01/13 全球购物
电信专业应届生自荐信
2013/09/28 职场文书
国贸专业大学生职业生涯规划范文
2014/01/10 职场文书
融资租赁计划书
2014/04/29 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
大学生创业计划书怎么写
2014/09/15 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
基于python实现银行管理系统
2021/04/20 Python
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python
javascript对象3个属性特征
2021/11/17 Javascript
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫
vue ant design 封装弹窗表单的使用
2022/06/01 Vue.js