知识说明:
初学JavaScript,注意以下七大细节,在实现同样功能的情况下,让我们的代码更易懂、效率更高。
一、简化代码
例如:创建对象
之前是这样的:
Var car = new object();
Car.color = “red”;
Car.wheels = 4;
Car.age = 8;
而现在可以写成这样子:
Var car = {color:'red',wheels:4,age:8}
例如:创建数组
之前是这样的:
Var studentArray = new Array(‘zhangsan','lisi',‘zhaowu',‘wuliu');
而现在可以写成这样子:
Var studentArray = {‘zhangsan',‘ lisi',‘wuliu'};
例如:使用三元运算符简化代码
之前的写法是:
if(x > 100)
{
Result = 1;
}else{
Result = -1;
}
而现在可以写成:
Var result = x >100 ? 1 : -1;
二、使用JSON作为数据格式
使用Json格式来存储数据:
"name":"The Red Hot Chili Peppers","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":"2009"
}
也可以使用JS来存储数据,代码如下:
var resources = document.getElementById('resources');
resources.addEventListener('click',handler,false);
function handler(e){
var x = e.target; // get the link tha
if(x.nodeName.toLowerCase() === 'a'){
alert('Event delegation:' + x);
e.preventDefault();
}
};
})();
var name = 'Chris';
var age = '34';
var status = 'single';
function createMember(){
// [...]
}
function getMemberDetails(){
// [...]
}
return{
create:createMember,get:getMemberDetails
}
}();
//myApplication.get() and myApplication.create() now work.
兼容性是初学者容易忽略的部分,通常学习Javascript的时候都是在某个固定的浏览器中进行测试,而这个浏览器很有可能就是IE,这是非常致命的,因为目前几大主流浏览器中偏偏IE对标准的支持是最差的。最终用户看到的结果也许就是,你写的代码在某个浏览器无法正确运行。你应该把你的代码在主流的浏览器中都测试一下,这也许很费时间,但是应该这样做。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。