B/S总结--前台攻略--JS：function

柔光的暖阳◎ 2022-08-20 06:24 70阅读 0赞

js的function灵活应用在web前台开发过程中至关重要，它决定着前台性能优劣，寻找不同function类型的平衡点能提高前台运行效率。

# 【基础知识】 #

![SouthEast][]

学习function的使用，首先要从它本身具有的属性和所使用的变量开始了解：

1）每一个函数都具有两个属性：length，prototype。length表示函数希望接收命名参数的个数；prototype属性又是一个对象，它包含特定类型的所有实例共享的属性和方法，简单来说，就是将对象共有的部分抽出来定义，以达到共享目的，它包含call和applay方法，都是在特定作用域调用函数，但是使用方法不一致：

functionName.applay(this,\[num1,num2\]);   //this表示作用域

functionName.call(this,num1,num2);

2）变量，js拥有5个基本类型，分别为字符，数字，布尔，空值和未定义类型。最常用的是string类型，要熟练掌握它的常用属性和方法，例如：slice（m，n）返回从m到n个字符，它与substring的用法相似，但substring在数值为负值时返回false；match和search用于查找匹配字符；split（）用于拆分数组。

3）基本类型的变量在传递过程中按值传递，为保证垃圾清除机制，可以采用标记清除的方法，在变量使用完毕后赋空值以便垃圾回收。

# 【函数定义方法】 #

1. 工厂模式方法，用于解决大量对象重复定义的问题：

Funciton createObject(name,age){
    	Var obj=new object();
    	Obj.name=name;
    	Obj.age=age;
            Obj.run=function(){
    	    Return this.name+this.age
            };
    }

但是无法搞清楚实例化的对象是哪个对象的实例。

2. 构造函数模式，解决了对象识别问题

Funciton Box(name,age){
    	this.name=name;
    	this.age=age;
            this.run=function(){
    	    Return this.name+this.age
            };
    }
    Var box1=new Box(‘Lee’,20);

但每一次实例化都会让实例化的对象指向不同的堆地址，占用内存较大，这样又提出原型方法

3. 原型方法，让所有的对象共享所包含的属性和方法

Function Box(){}
    
    Box.prototype.name=’Lee’;
    Box.prototype.age=10;
    Box.prototype.run=function(){
    	Return this.name+this.age;
    }
    
    Var box1=new Box();
    Var box2=new Box();

原型最大的优点实现了共享，但并不是所有的属性和方法都是需要共享的，这样在使用的时候每一次实例化都要共享一次是没有必要的，这样，就考虑将构造函数+原型模式=混合模式的使用。

# 【继承】 #

在js中继承依靠原型链实现，不支持接口实现：

Var Box(){
    	This.name=’Lee’;
    }
    
    Var Desk(){
    	This.age=10;
    }
    
    Desk.prototype=new Box();
    Desk=new Desk();

子类型给超类型（父类）传递参数的问题，使用构造函数技术或者对象冒充的方式：

Var Box(name){
    	This.name=name;
    }
    
    Var Desk(name){
    	Box.call(this,name);
    }

为达到复用的目的，又提出原型式继承的方式，借助原型并给予已有对象创建新对象，不必创建自定义类型：

Function obj(o){
    	Function F(){}
    	F.prototype=o;
        Return new F();
    }
    Var box={
    	Name:’Lee’,
    	Age:10
    };
    
    Var box1=obj(box);

# 【总结】 #

在js的function中，prototype的应用在原型和复用方面起着重要作用；灵活选用函数类型要根据函数类型特点和具体的应用，保证性能的前提下进行选择。

[SouthEast]: /images/20220731/87cdbc4872cf4ed7a91d460882b6cbd7.png