汇盛国际注册:js 编写规范

时间: 作者:者然

  

[js,编写规范]js 编写规范

  在一个项目中大量使用js,工程项目与网站开发有一些不一样,在我接触的工程项目中普遍使用js 不够多,大部分客户端可做事,交给了服务端,而且在使用js时不够规范,很容易造成代码难以阅读、内存泄漏问题,不注意js 输写方式。而在网站开发中(尤其一些大网站,js输出的非常漂亮、完美无论使用jquery,还是prototype 框架,还是不用框架,都有自己良好一套东东可用)  
js输写最好还是可以面向对象方式 用类方向进行包装 js输写两种方式 闭包 原型  
闭包:(借用的一个例子)  
代码如下:
汇盛国际
  
function Person(firstName, lastName, age)  
{  
//私有变量:  
var _firstName = firstName;  
var _lastName = lastName;  
//公共变量:  
this.age = age;  
//方法:  
this.getName = function()  
{  
return(firstName + " " + lastName);  
};  
this.SayHello = function()  
{  
alert("Hello, I'm " + firstName + " " + lastName);  
};  
};  
var BillGates = new Person("Bill", "Gates", 53);  
  
原型:(借用的一个例子)  
代码如下:
  
  //定义构造函数  
function Person(name)  
{  
this.name = name; //在构造函数中定义成员  
};  
//方法定义到构造函数的prototype上  
Person.prototype.SayHello = function()  
{  
alert("Hello, I'm " + this.name);  
};  
//子类构造函数  
function Employee(name, salary)  
{  
Person.call(this, name); //调用上层构造函数  
this.salary = salary; //扩展的成员  
};  
//子类构造函数首先需要用上层构造函数来建立prototype对象,实现继承的概念  
Employee.prototype = new Person() //只需要其prototype的方法,此对象的成员没有任何意义!

  
//子类方法也定义到构造函数之上  
Employee.prototype.ShowMeTheMoney = function()  
{  
alert(this.name + " $" + this.salary);  
};  
var BillGates = new Person("Bill Gates");  
BillGates.SayHello();  
var SteveJobs = new Employee("Steve Jobs", 1234);  
SteveJobs.SayHello();  

  
这两种方法各有优缺点,第一种看起来更像一个类 每个对象设置一份方法有很大浪费,而且资源回收不利,第二种方法,看起来不是很漂亮,可性能很好(不过如果你使用prototype框架,就可以完美解决结构与性能问题了。)  
  
实际在使用jquery 还是prototype问题上,我的一点点体会是 jquery使用闭包方式,而prototype当然原型,jquery更加适合对单个对象操作,而prototype更适合做一些客户端控件。实际我更喜欢在项目中使用jquery 而网站上更关注prototype

(责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | 特效插件 | 常用代码 | 样式素材 | 脚本代码 | css特效

Copyright © 2017-2018 汇盛国际 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 汇盛国际