MVC思想 & 全局变量如何变为局部变量

1 MVC思想

1. VC 第一版

   !function(){ var view = document.querySelector(‘xxx‘)var controller = function(view){ ???..… ??}controller.call(null,view)}.call() ????

2. VC 第二版，添加init

   !function(){ ?var view = document.querySelector(‘xxx‘)var controller = {view: null,init: function(view){ ???this.bindEvents(). ???//this.bindEvents().call(this)},bindEvents: function(){ ???...… }} ?controller.init(view). ?????//controller.init.call(controller,view)}.call() ????????

3. MVC思想完整版

   !function(){ ?//M 数据相关的操作，负责和server数据交互var model = { ?fetch: function(){ ???????????... ?}, ?save: function(){ ?????????... ?}} ?//V 负责视图展示var view = document.querySelector(‘xxx‘) ?//C 负责逻辑等其他var controller = { ?view: null, ?model: null, ?init: function(view,model){ ???this.view = view ???this.model = model ???this.bindEvents() ?}, ?bindEvents: function(){ ????????????... ?} ?} ?controller.init(view,model)}.call()

2 函数中的全局变量如何变成局部变量？

1. 全局变量之间会相互骚扰。所以在代码中不要用全局变量。ES6之前只有函数里面有全局变量。

2. 全局变成局部变量怎么变？
   • 把代—放在一个函数如中，再.call()执行一下这个函数？行不行？
   • 不行—样的话函数名也是一个全局变量（全局函数）。
   • 那么—掉函数名把函数变成一个匿名函数？再function(){}.call()立即执行，这样 可以，但是Chrome报错，语法错误。
3. 全局变量变局部变量的方法：
   • 方法一：!function(){}.call( )
     （前面加+、-、!都可以，这种方法会改变函数的返回值，但是不在乎这个函数的返回值的话加个取反没有关系）
   • 方法二：（function(){}).call( )
     （用括号把函数括起来。但是不推荐这种做法，因为如果（函数）的前一行被加上一个xxx，很容易被浏览器误解为是在xxx()。）

MVC思想 & 全局变量如何变为局部变量

原文地址：https://www.cnblogs.com/nolaaaaa/p/9188865.html