如何让$scope在非AngularJS函数中可用？

嘿，我来帮你梳理几个实用的方案，解决你把$scope注入到非Angular工具函数里的问题～

首先得明确为啥之前用$state的方法可行，但$scope不行：$state是Angular的单例服务，可以通过依赖注入（DI）拿到全局实例；但$scope是每个控制器/指令独有的实例，没法像单例服务那样直接注入到全局工具函数里，必须换个思路传递它。

下面是几个靠谱的方向：

1. 直接把$scope作为参数传入工具函数 #

这是最直接的办法，既然没法注入，那就主动把具体的$scope实例传给工具函数，完全避开DI的限制。而且你之前转字符串报错是因为$scope本身有循环引用（比如$scope.$parent和子作用域互相引用），JSON.stringify处理不了，但直接传引用就没这个问题。

示例代码：

// 你的工具文件里的函数
function processUserData(scope) {
  // 直接使用传入的scope实例
  scope.userStatus = 'processed';
  scope.$apply(); // 如果需要手动触发脏检查的话
}

// 在Angular控制器里调用
processUserData($scope);

2. 把工具函数包装成Angular服务 #

如果你的工具逻辑和Angular项目耦合度较高，不如把它改成Angular的服务，这样既符合Angular的架构规范，也能更优雅地和$scope交互（不过服务是单例，所以还是要在服务的方法里接收具体的$scope实例）。

示例代码：

// 把工具逻辑封装成Angular服务
angular.module('yourApp').service('UserUtility', function() {
  this.processData = function(scope) {
    // 在这里操作传入的scope
    scope.processedAt = new Date();
  };
});

// 在控制器里注入服务并调用
angular.module('yourApp').controller('UserController', function($scope, UserUtility) {
  UserUtility.processData($scope);
});

3. 只传递$scope里需要的具体属性/方法 #

如果工具函数不需要整个$scope，只用到其中的某几个属性或方法，那就只传需要的部分，这样既减少耦合，也避免传递整个带有循环引用的$scope对象。

示例代码：

// 工具函数只依赖需要的数据和方法
function updateUserStatus(userData, notifyChange) {
  userData.status = 'active';
  notifyChange(); // 触发视图更新
}

// 控制器里只传需要的内容
updateUserStatus($scope.currentUser, $scope.$apply.bind($scope));

4. 把作用域监听留在控制器，工具函数只处理业务逻辑 #

如果你的工具函数是用来响应$scope的变化，那可以在控制器里设置$watch，当作用域值变化时再调用工具函数，工具函数完全不用接触$scope。

示例代码：

// 工具函数只负责处理业务逻辑
function calculateUserScore(userData) {
  return userData.points * 1.5;
}

// 控制器里监听作用域变化并调用工具函数
angular.module('yourApp').controller('ScoreController', function($scope) {
  $scope.$watch('currentUser.points', function(newPoints) {
    $scope.userScore = calculateUserScore({ points: newPoints });
  });
});

这些方案里，最推荐的是第一种或第二种，具体看你的工具函数是否需要和Angular深度绑定。如果工具函数是通用型的，尽量用第一种或第三种，保持它的独立性；如果是Angular项目专属的工具，第二种会更规范。

内容的提问来源于stack exchange，提问作者Mark