JavaScript 七大技巧(一)

 更新时间:2015年12月13日 15:24:28   投稿:mrr  
JavaScript是一门非常流行的编程语言,许多开发者都会把JavaScript选为入门语言,本文给大家分享javascript七大技巧(一),对javascript技巧相关知识感兴趣的朋友一起学习吧

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七大技巧(二),我们后续会还会更新更多关于这方面的知识,希望能够对大家有所帮助。

相关文章

  • 网页前端登录js按Enter回车键实现登陆的两种方法

    网页前端登录js按Enter回车键实现登陆的两种方法

    下面小编就为大家带来一篇网页前端登录js按Enter回车键实现登陆的两种方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-05-05
  • js数组去重的方法总结

    js数组去重的方法总结

    今天小编就为大家分享一篇关于js数组去重的方法总结,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • uniapp使用scroll-view实现左右上下滑动功能

    uniapp使用scroll-view实现左右上下滑动功能

    最近在用uni-app开发小程序时,需要用scroll-view做出左右上下滑动效果,所以下面这篇文章主要给大家介绍了关于uniapp使用scroll-view实现左右上下滑动功能的相关资料,需要的朋友可以参考下
    2022-11-11
  • JS前端的内存处理的方法全面详解

    JS前端的内存处理的方法全面详解

    这篇文章主要为大家介绍了JS前端的内存处理的方法全面详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • js实现仿QQ秀换装效果的方法

    js实现仿QQ秀换装效果的方法

    这篇文章主要介绍了js实现仿QQ秀换装效果的方法,实例分析了javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • JavaScript中 ES6变量的结构赋值

    JavaScript中 ES6变量的结构赋值

    这篇文章主要介绍了JS 中ES6变量的结构赋值的相关资料,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • 细说JavaScript中的this指向与绑定规则

    细说JavaScript中的this指向与绑定规则

    本文主要详细介绍了JavaScript中的this指向与绑定规则,默认绑定,隐式绑定,显示绑定,new绑定这四个规则,文中有相关的代码示例供大家参考,感兴趣的同学可以阅读下
    2023-05-05
  • JS随机密码生成算法

    JS随机密码生成算法

    这篇文章主要为大家详细介绍了JS随机密码生成算法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • uniapp中刷新本页面的三种方法

    uniapp中刷新本页面的三种方法

    这篇文章主要给大家介绍了关于uniapp中刷新本页面的三种方法,刷新页面的具体逻辑可以根据实际需求进行编写,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • JavaScript递归算法生成树形菜单

    JavaScript递归算法生成树形菜单

    这篇文章主要介绍了JavaScript递归算法生成树形菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08

最新评论