首页 > 大型项目中用面向对象的方式写js哪种方式写较好 不用任何第三方js 库

大型项目中用面向对象的方式写js哪种方式写较好 不用任何第三方js 库

做为前端,公司要求 写原生 js 不用任何第三方 js 库, 也就是在造符合自己公司的 js 库,该如何设计 自己公司的 前端js 库呢 ,有什么好的 js 库 模块化设计思想吗 。

有大神可以指导一下,写一下 原生 js 模块化设计的 规范吗 ?

可以写一个 参考的 demo

中型项目中,js要求用面向对象的方式写.之前项目中js文件是用如下方式:

Login = {
    a : '',
    num : 0,
    init : function(){},
    show : function(){}
}

请问是用这种方式写号呢,还是用如下方式:
 

function Cat(name,color){
    this.name = name;
    this.color = color;
  }
  Cat.prototype.type = "猫科动物";
  Cat.prototype.eat = function(){alert("吃老鼠")};

这样写好呢

映射

两种情况都会用到,适合不同的场合,没有哪个好哪个不好之说。

第一种方式的好处是 把所有属性和方法集中到一个对象上,既可以减少变量占用,又方便管理。一般在写一些工具方法的时候会使用这种方式。
比如一个项目中都会有一些固定的公共方法和属性,比如获取元素,创建元素,图片按需加载,正则验证等,这些都是静态的工具方法,一般都会放到一个命名空间中,采用的就是这种写法。

第二种的好处是方便创建对象和进行继承扩展等,一般用于需要根据一个基础对象进行创建不同扩展功能对象。
比如一个项目中,所有对象都会有一些公共属性和方法,但是某些对象还有一些扩展的属性和方法, 就会使用这种方式来实现。

一个综合项目中,两种方式都会用到,不会只用一种的。


(function(){
    function something(){
          //todo
    }

    return{
         something: something
    }
})()

关于模块化,直接推荐Typescript。

【热门文章】
【热门文章】