首页 > 代码库 > advance
advance
1.定义命名空间 ->>> 创建一个局部可用的对象,在对象中封装局部作用域内的有用代码.
命名空间创建了一个新的局部作用域,将其他代码与完全作用域分开。避免命名冲突
命名空间对象标识符需唯一。
可以使用姓名或者字头作为名称的一部分,在定义中最好添加程序库的相关信息。
在javascript中,可以定义一个对象来创建命名空间
var someNameSpace={
someProperty:23,
someMethod:function(){...}
}
定义后,可以使用对象标记法访问属性和方法:someNameSpace.someProperty和someNameSpace.someMethod()。
2.创建一个配置对象
对象在分布式代码中的另一种常见用途是作为配置工具,可以轻松地在多个项目上使用相同的javascript代码,而不需要找遍大量代码行,编辑具体值。
配置对象的创建方法:
定义一个自定义对象,用其属性代表网站专用的设置
var CONFIG={
host:‘http://www.example.com‘,
errorClass:‘error‘,
outputElement:‘output‘,
...
};
以后,其他javascript代码可以引用配置对象里面的配置,如:
elem.className=CONFIG.errorClass;
3.创建自定义对象
创建单个自定义对象,只需要创建一个类型为Object的新变量:
如:
var obj={
name:‘xiaowei‘,
gender:‘male‘,
getName:function(){
return this.name;
},
getGender:function(){
return this.gender;
}
};
4.创建自定义对象的多个实例----->>>使用一个函数作为对象生成器。
举例:
//1.使用构造函数构造对象
function Employee(firstName ,lastName,department)
{
this.firstName=firstName;
this.lastName=lastName;
this.department=lastName;
this.getName=function(){
return this.firstName+‘ ‘+this.lastName;
}
};
//2.使用new运算符生成对象(必须使用new)
var e1=new Employee(‘Jane‘,‘Doe‘,‘Acounting‘);//new一个Employee对象
var e2=new Employee(‘John‘,‘Smith‘,‘Human Resouse‘);//new 另外一个Employee对像
注意:为了与javascript中其他对象表现一致,可以自定义对象的同时,定义toString()和valueOf()方法。
5.javascript原型
javascript是不同类型的面向对象语言,它是原型化的。意味着:所创建的对象继承自一个预定义模型(原型),而不是类定义。
每个javascript对象都继承其原型中的属性和方法。
原型链概念--->>> 举例说明:e1对象基于Employee原型,而Employee原型由基于Object,这种现象称为原型链。
--->>>我们引用任何对象的属性和方法,javascript遍历原型链,寻找对应属性。
--->>>javascript在到达根原型时停止遍历(Object原型为根原型),如果原型链中没有找到对应属性和方法,则返回undefined。
为了区分对象内定义,还是原型链中的属性和方法,可以调用hasOwnProperty()方法,以需要区分的属性作为参数,(此方法在Object中已定义,因而所以对象都将继承)
如:
var test={
thing:1
};
test.hasOwnProperty(‘thing‘);//返回true
test.hasOwnProperty(‘valueOf‘);//返回false
添加原型方法:在javascript中,可以编辑对象的protype属性来修改原型的属性和方法
如:下面添加一个新的方法
function Employee(firstName ,lastName,department)
{
this.firstName=firstName;
this.lastName=lastName;
this.department=lastName;
this.getName=function(){
return this.firstName+‘ ‘+this.lastName;
}
};
Employee.prototype.getNameBackwards=function(){//添加的原型方法。现在所有new 的Employee对象都可以使用此方法
return this.lastName+‘,‘+this.firstName;
}
追溯式修改原型的能力,甚至能修改内建于javascript的对象定义,如String.下面的代码为String添加一个trim()方法(如果String中还没有这个方法)
if(typeof String.prototype.trim=‘undefined‘){//创建向后兼容的对象
String.prototype.trim=function(){
return this.replace(/^\s+|\s+$/g,‘‘);
};
}
注意:尽管javascript允许修改原型,但原型的修改是全局的,会影响原型所有的实例,所以需谨慎使用
如果只需在特定实例上使用一个函数,可以单独创建该函数,以该对象为参数调用它:
function doSomeThing(obj){
// Do something with obj;
}
也可以将函数定义添加到单个实例:
var obj={};
obj.doSomeThing=function(){
//Do something with this;
}
7.使用闭包
闭包是与其创建时所在作用域绑定的函数。这意味着:闭包函数可以使用函数创建时(在同一个作用域)已有的变量。
粗略的说,可以在一下情形可能遇到闭包:
①在一个函数中定义另一个函数
②内部函数引用存在于外部函数中的变量(包括外部函数的参数)
③内部函数在外部函数运行停止后被调用
举例说明:
window.onload=function(){
//设置变量,包含变量tasks
document.getElementById(‘theForm‘).onsubmit=function(){
tasks.push(t);
};
};
onl oad函数只被调用一次:在页面加载时,该函数定义了tasks数组,
在常规的非闭包的情况下,函数变量执行就不再可用,意味着tasks数组将在onload函数执行完后所有命令之后不再存在。
在onload外部函数中定义另一个函数创建了闭包。所有闭包都要求在另一函数中定义,内部函数处理表单提交,将被调用许多次,
但是调用的时间总是在外部函数结束执行之后。
advance