搜索
javascript - 大型项目中用面向对象的方式写js哪种方式写较好 不用任何第三方js 库
伊谢尔伦
伊谢尔伦 2017-04-10 15:47:28
[JavaScript讨论组]

做为前端,公司要求 写原生 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("吃老鼠")};

这样写好呢

映射

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

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

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

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

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
大家讲道理
(function(){
    function something(){
          //todo
    }

    return{
         something: something
    }
})()
伊谢尔伦

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号