你可以去学习一下 vue.js 组件化思想 然后拿了用到 angular.js 上，其实主要就是分离把每个功能尽量的分开来写，比如 一个选择框 你可以封装成一个组件 传入 这个选择框的后面要显示的内容 这样在调用的时候，只需传入一个参数就行了，也可以有多个 比如 你想让后面...

这也是我之前做angular开发遇到的一个问题，一直没有找到好方法去把重复的代码封装。你这种情况可以使用angular的一个叫component的方式，把组件拆分一下。

你用的是ng1吧，表单可以写个directive根据json定义的schema自动动态生成form表单，这是一个优化的点。list的话，也可以封装成directive，传入collection和fields，来动态显示，这也是个优化点。

这么简单的场景，你作一个 resource 的组件，不就可以把你的什么 列表，增，删，改，详情 这些东西都封装好了么。

grid有成熟组件,或者你可以简单封装一个grid组件用来实现列表功能, 这样你每个view的代码基本都可以干掉了.每个独立页面的控制器只需要配置一下column的配置项和按钮即可.

组件化可解决

你的第一种 的 method(id) 方法 拿到任何地方穿进去一个id就可以用第二种 method()方法 拿到别的地方用 找不到userName 而且必须定义userName这个变量才能用 如果我本来就有个叫userName怎么办

主要是作用域的问题，第二种写法就好像你这个username在函数内部是全局变量，再赋值都会影响全局其他函数。而第一种传参给其他函数相当于给了别的函数一个副本，你去赋值也不会影响全局的。主要看你编程时的需求了。

我记得有一个函数尾调用什么的, 可以使函数的调用栈保存的变量变少, 从而提高性能 [链接]尾调用优化

如果非要用这种写法的话 假如 test对象是一个对某功能抽象的对象，是可以的，属于单例模式写法的一种，只需init一次，其他地方都是使用这个对象 如果是工具类对象，建议还是直接传入userid

我同意@Pandorym的意见。并且本来你这种方式声明的方法里面的【this作用域】就是变来变去的，属于工具方法，需要其他参数，请自带或者在方法里面加多一个对应的参数。

我的做法是把一个模块要用到的变量放到模块的最上方；全局变量放在global.js中

{代码...} 如果id不屬於test，當「一个方法被调用的作用域里访问不到 id 」時，也是應該將id作為參數傳入。

但是肯定还有优化的空间，比如searchBtn searchIcon的获取，可以通过父元素取子元素的方式找到。这样就只用传入一个父级的class名字进来就行了。

我赞同 依韵_宵音 的答案，样式变化应由 css 控制我的代码大致如 雅X共赏 的结构 看你的代码，我想需求应该是这样： focus | 有值: search 激活 blur & 无值: search 取消激活 {代码...} active 可以操作搜索框父元素，增加/移除 class ，以使用 css 控制其样式 ...