ionic3调用.js文件

1、创建test.js文件

"use strict";
exports.__esModule = true;
var Test = (function () {
    function Test() {
    }
    Test.prototype.mean = function () {
        return "this is a test string！";
    };
    return Test;
}());
exports.Test = Test;

2、创建test.d.ts文件，依据js代码结构编写声明文件

test.js 代码结构其实很简单，就一个类，附带mean()方法。于是编写的声明文件test.d.ts

export declare class Test {
    mean(): string;
}

3、在 .ts 中调用

import {Component, OnInit} from '@angular/core';
import { NavController } from 'ionic-angular';
import {Test} from "../../lib/test";


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage{

  constructor(public navCtrl: NavController) {
    let test = new Test();
    alert(test.mean());
  }
}

ps: 当要在创建类的时候需要传入参数时 .d.ts文件中可引入constructor(opt: any)

function Test(obj) {
      this.width: obj.width, 
      this.height: obj.height, 
}

export declare class Test {
  constructor(opt: any);
  init(): void;
}

使用方法

var opt = {
      width: 300, 
      height: 300, 
}
var test = new Test(opt);
test.init();

参考链接: Ionic2 中调用 js 代码