学JavaScript七大留意事项(必看)_

1、学JavaScript七大留意事项(必看)_ 下面我就为大家带来一篇学JavaScript七大留意事项【必看】。我觉得挺不错的，现在分享给大家，也给大家做个参考 学问说明： 初学JavaScript，留意以下七大详情，在实现同样功能的状况下，让我们的代码更易懂、效率更高。 一、简化代码 例如：创建对象 之前是这样的： Var car = new object(); Car.color = “red”; Car.wheels = 4; Car.age = 8; 而现在可以写成这样子： Var car = color:red, wheels:4, age:8 例如：创建数组 之前是这样的： Var

2、 studentArray = new Array(zhangsan, lisi, zhaowu, wuliu); 而现在可以写成这样子： Var studentArray = zhangsan, lisi, zhaowu, wuliu; 例如：用法三元运算符简化代码 之前的写法是： Var result; if(x 100) Result = 1; else Result = -1; 而现在可以写成： Var result = x 100 ? 1 : -1; 二、用法JSON作为数据格式 用法Json格式来存储数据： var band = name:The Red Hot Chili Pep

3、pers, members: name:Anthony Kiedis, role:lead vocals , name:Michael Flea Balzary, role:bass guitar, trumpet, backing vocals , name:Chad Smith, role:drums,percussion , name:John Frusciante, role:Lead Guitar , year:2021 也可以用法JS来存储数据，代码如下： div id = “dataDiv”/div script Function saveData(data) Var out =

4、“ul”; For(var i=0; idata.length; i+) Out += “lia href =”+datai.url+”+ datai.d+/a/li”; Out += /ul; Document.getElementById(dataDiv).innerHTML = out; /script 甚至可以将上面JS生成的存储数据的作为API的返回值 script src= /script 三、尽量用法JavaScript原生函数 例如：猎取一组数据中的最大值 var maxData = Math.max(0,20,50,10); alert(maxData); /返回的最大值为5

5、0 例如：用法JS给一个元素添加class样式，代码片段如下： Function addClass(elm, newclass) Var classes = elm.className.split( ); Classes.push(newclass); Elm.className = classes.join( ); 四、大事托付 例如： h2Great Web resources/h2 ul id=resources lia href= Web Standards Curriculum/a/li lia href=Sitepoint/a/li lia href=A List Apart/a/

6、li lia href=YUI Blog/a/li lia href=Blame it on the voices/a/li lia href=Oddly specific/a/li /ul 最佳脚本书写方式： (function() var resources = document.getElementById(resources); resources.addEventListener(click,handler,false); function handler(e) var x = e.target; / get the link tha if(x.nodeName.toLowerCas

7、e() = a) alert(Event delegation: + x); e.preventDefault(); ; )(); 五、匿名函数 var myApplication = function() var name = Chris; var age = 34; var status = single; function createMember() / . function getMemberDetails() / . return create:createMember, get:getMemberDetails (); /myApplication.get() and myApp

8、lication.create() now work. 六、代码可配置 你写的代码假如想让别人更简单进行用法或者修改，则需要可配置，解决方案是在你写的脚本中增加一个配置对象。要点如下： 1、在你的脚本中新增一个叫configuration的对象。 2、在配置对象中存放全部其它人可能想要去转变的东西，例如CSS的ID、class名称、语言等等。 3、返回这个对象，作为公共属性以便其它人可以进行重写。 七、代码兼容性 兼容性是初学者简单忽视的部分，通常学习Javascript的时候都是在某个固定的扫瞄器中进行测试，而这个扫瞄器很有可能就是IE，这是特别致命的，由于目前几大主流扫瞄器中偏偏IE对标准的支持是最差