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 相关文章推荐
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 Javascript
把字符串按照特定的字母顺序进行排序的js代码
Jan 28 Javascript
jQueryMobile之Helloworld与页面切换的方法
Feb 04 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
基于jquery实现省市联动效果
Nov 23 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
Javascript 链式作用域详细介绍
Feb 23 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
无循环 JavaScript(map、reduce、filter和find)
Apr 08 Javascript
vue路由前进后退动画效果的实现代码
Dec 10 Javascript
js+html5 canvas实现ps钢笔抠图
Apr 28 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 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
用缓存实现静态页面的测试
2006/12/06 PHP
php+ajax导入大数据时产生的问题处理
2014/06/11 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
PHP处理Json字符串解码返回NULL的解决方法
2014/09/01 PHP
php使用CutyCapt实现网页截图保存的方法
2016/10/03 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
比较不错的JS/JQuery显示或隐藏文本的方法
2014/02/13 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
2017/06/11 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
微信小程序使用map组件实现解析经纬度功能示例
2019/01/22 Javascript
vue2路由基本用法实例分析
2020/03/06 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
[55:42]VG vs VGJ.T 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python的批量远程管理和部署工具Fabric用法实例
2015/01/23 Python
Python标准库之itertools库的使用方法
2017/09/07 Python
Python实现生成随机数据插入mysql数据库的方法
2017/12/25 Python
Python网络爬虫之爬取微博热搜
2019/04/18 Python
使用Python控制摄像头拍照并发邮件
2019/04/23 Python
详解解决Python memory error的问题(四种解决方案)
2019/08/08 Python
Python 分发包中添加额外文件的方法
2019/08/16 Python
pytest中文文档之编写断言
2019/09/12 Python
Scrapy框架实现的登录网站操作示例
2020/02/06 Python
《燕子专列》教学反思
2014/02/21 职场文书
优秀员工演讲稿
2014/05/19 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
2015元旦文艺汇演主持稿(开场白+结束语)
2014/12/14 职场文书
酒店仓管员岗位职责
2015/04/01 职场文书
活动总结模板大全
2015/05/11 职场文书
三八节活动简报
2015/07/20 职场文书
培训感想范文
2015/08/07 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL
Python基础之条件语句详解
2021/06/16 Python
vue中控制mock在开发环境使用,在生产环境禁用方式
2022/04/06 Vue.js