javascript的函数、创建对象、封装、属性和方法、继承-javascrip

时间：2016-04-09

一，function
从一开始接触到js就感觉好灵活，每个人的写法都不一样，比如一个function就有N种写法
如：function showMsg(){}，var showMsg=function(){}，showMsg=function(){}
似乎没有什么区别，都是一样的嘛，真的是一样的吗，大家看看下面的例子

代码如下:

 
///----------------------------------------------------------------------------------------- 

------- 
//函数定义：命名函数（声明式），匿名函数（引用式） 
//声明式，定义代码先于函数执行代码被解析 
function t1(){ 
dwn("t1"); 
} 
t1(); 
function t1(){ 
dwn("new t1"); 
} 
t1(); 
//引用式，在函数运行中进行动态解析 
var t1=function(){ 
dwn("new new t1"); 
} 
t1(); 
var t1=function(){ 
dwn("new new new t1"); 
} 
t1(); 
//以上输出：new t1,new t1,new new t1,new new new t1 

可能想着应该是输出t1,new t1,new newt1,new new new t1，结果却并不是这样，应该理解这句话：声明

式，定义代码先于函数执行代码被解析
如果深入一步，应该说是scope链问题，实际上前面两个方法等价于window.t1，可以理解为t1是window的

一个公有属性，被赋了两次值，以最后一次赋值为最终值
而后面两个方法，可以理解为是t1是个变量，第四个方法的var去掉之后的结果仍然不会改变
然而，当第四个方法改成function t1(){}这样的声明式时，结果变成了new new new t1,new new new

t1,new new t1,new new t1
前面两个按照我的理解可以很好的理解为什么是这个答案，第三个也可以理解，但是最后一个输出让我比

较纠结，希望有高手出现解答一下
另外匿名函数还有(function(){...})()这样的写法，最后一个括号用于参数输入
还有var t1=new function(){..}这样的声明，实际上t1已经是一个对象了
例：

代码如下:

 
var t2 = new function() 
{ 
var temp = 100; //私有成员 
this.temp = 200; //公有成员，这两个概念会在第三点以后展开说明 
return temp + this.temp; 
} 

alert(typeof(t2)); //object 
alert(t2.constructor()); //300 
除此之外，还有使用系统内置函数对象来构建一个函数，例： 
var t3 = new Function('var temp = 100; this.temp = 200; return temp + this.temp;'); //这个位置加不加new结果都一样，WHY 
alert(typeof(t3)); //function 
alert(t3()); //300 

二，创建对象
首先我们理解一下面向对象编程（Object-Oriented Programming,OOP），使用OOP技术，常常要使用许多

代码模块，每个模块都提供特定的功能，每个模块都是孤立的，甚至与其它模块完全独立
。这种模块化编程方法提供了非常大的多样性，大大增加了代码的重用机会。可以举例进一步说明这个问

题，假定计算机上的一个高性能应用程序是一辆一流赛车。如果使用传统的编程技巧，这辆赛车就是
一个单元。如果要改进该车，就必须替换整个单元，把它送回厂商，让汽车专家升级它，或者购买一个新

车。如果使用OOP技术，就只需从厂商处购买新的引擎，自己按照说明替换它，而不必用钢锯切割车体。
不过大部分的论点是，javascript并不是直接的面向对象的语言，但是通过模拟可以做到很多面向对象语

言才能做到的事，如继承，多态，封装，javascript都能干（没有做不到，只是想不到）

代码如下:

 
///----------------------------------------------------------------------------------------- 

------- 
//以下三种构造对象的方法 
//new Object，实例化一个Object 
var a=new Object(); 
a.x=1,a.y=2; 
//对象直接量 
var b={x:1,y:2}; 
//定义类型 
function Point(x,y){ //类似于C#中的类 
this.x=x; 
this.y=y; 
} 
var p=new Point(1,2); //实例化类 

第一种方法通过构造基本对象直接添加属性的方法来实现，第二种和第一种差不多，可以看成是第一种方

法的快捷表示法
第三种方法中，可以以”类“为基础，创造多个类型相同的对象

三，对象属性的封装（公有和私有）
以例子来说明
function List(){
var m_elements=[]; //私有成员，在对象外无法访问，如果此处无var声明，则m_elements将变成全局变

量，这样外部是可以直接访问到的，如alert(m_elements[0])

代码如下:

 
m_elements=Array.apply(m_elements,arguments); 
//此处模拟getter，使用时alist.length; 
//等价于getName()方式：this.length=function(){return m_elements.length;}，使用时 

alist.length(); 
//公有属性，可以通过"."运算符或下标来访问 
this.length={ 
valueOf:function(){ 
return m_elements.length; 
}, 
toString:function(){ 
return m_elements.length; 
} 
} 
//公有方法，此方法使用得alert(alist)相当于alert(alist.toString()) 
this.toString=function(){ 
return m_elements.toString(); 
} 
//公有方法 
this.add=function(){ 
m_elements.push.apply(m_elements,arguments); 
} 
//私有方法如下形式，这里涉及到了闭包的概念，接下来继续说明 
//var add=function()或function add() 
//{ 
//m_elements.push.apply(m_elements,arguments); 
/

上一条：Javascript闭包演示代码小结-javascript技巧 下一条:在多个页面使用同一个HTML片段的代码-javascript技巧

javascript的函数、创建对象、封装、属性和方法、继承-javascrip

相关文章

最新文章