javascript - 如何从另一个脚本调用变量来执行函数

Question

嗨，我有一个名为“script.js”的脚本，问题是我有很多函数，我需要在 Angular 的开头执行这个函数。

var appMaster = {

    preLoader: function(){

    }, 
    smoothScroll: function() {

    }
}

但我需要调用这个变量appMaster

import '../../assets/js/script.js';
@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css'],
  encapsulation: ViewEncapsulation.None
})
export class HomeComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    appMaster.preLoader();
    appMaster.smoothScroll();
  }
}

错误是appMaster没有未声明的变量。如何执行其他脚本中的函数？

Answer 1

尝试这样:

在项目 asset => js => script.js 的以下位置创建名为 common.js 的 javascript 文件

common.js

var comman = (function() {
    return {
        masonryBuild: function() {
            console.log('preLoader');
        }
    }
})(comman || {})

打开.angular-cli.json文件，然后添加外部javascript文件路径，如下所示

"scripts": [
  "../src/assets/js/comman.js"
]

在 typescript 中声明脚本变量名称，例如:

组件.ts

declare var comman: any;

export class Component {
    ngOnInit() {
        comman.masonryBuild();
    }
}