现今前端领域上有很多的前端框架，大部分都基于js实现，万变不离其中学好js的基础还是很有必要。

先来看看js是如何灵活的。

1.1 需求来了很多人都会这样去实现，比如验证：

这样的写法和想法都没错，只不过这样就创建了很多的全局变量（函数也是变量）

1.2 以变量的形式呈现：

1.3 当然也可以一个对象收编变量（减少重复的风险）：

此时将所有的函数作为check_object对象的方法，这样只有一个对象，使用也很简单，如：

check_object.check_name()

1.4 当然对象也有另一种形式创建：

使用方式是一样的，但当前对象类在用new创建新对象的时候是不能继承这些方法的。

1.5 如果只是简单地复制对象，可以将这些方法放在一个函数对象中：

这样每调用的时候都返回一个新的对象，就不会造成使用时的影响，比如用某个方法时是这样的：

1.6 类的方式

像这样的对象可以看成类，可以以new来创建

let a = new check_object();

a.check_name();

1.7 这时a是一个类对象，那么每个作用者都对类实例化后都会有一套属于自己的方法。把所有的方法放在函数的内部，通过this定义，所以每一次通过new关键字创建新对象的时候，新创建的对象都会对类的this上的属性进行复制。所以这些新的对象都会有自己的一套方法，但这样消耗也会相应地增加，这时可以所方法绑定到属性原型上：

这样创建对象实例的时候，创建出来的对象所拥有的方法就是一个了，因为它们都要依赖prototype原型依次寻找，而找到的方法都是同一个，它们都绑定在check_object对象类的原型上。

1.8 修改为链式调用：

链式调用：check_object.check_Name().check_Password()

原因是this为当前对象check_object，返回后可以接着调用。

1.9 函数的祖先

在“prototype.js”里为我们封装了很多方法，最大的特点是支持对原生对象的拓展，比如想给每个函数都添加一个检测名字的方法可以这样：

这样使用check_name这个方法在那里都可以很方便都调用：

let f=function(){};

f.check_name();

但最好不要这样做，这样会污染了原生对象Function,所以别人创建的函数也会被你创建的函数污染，但你可以抽象出一个统一添加方法的功能方法：

Function.prototype.addMethod = function(name,fn){

this[name]=fn;

}

这样以这种方式来添加想要添加的方法：

let method = function () {};

method.addMethod('check_name',function(){

//验证check_name

})

method.checkName();

如果需要链式调用可以将this 返回：

1.10 类式调用方式：

但是我们在使用的时候要注意，不能直接调用，要通过new关键字来创建新象：

let m=new Method();

m.check_name()

总：js这种语言很灵活，可以编写出很多优雅的代码，不同的人可以写不同的风格代码，不过在团队开发中最好是保证开发代码风格的一致性，这样的团队代码易开发，可维护。