jquery - 我可以使用 JQuery/Javascript 和 Ionic 而不是 Typescript

Question

我正在使用 Visual Studio 2017 和 Apache Cordova 开发移动应用程序。我一直使用 JQuery 和 Javascript 进行编码，但是我从未使用 Typescript 编写过代码。

在网络搜索时，几乎每个人都在使用 Typescript 和 Ionic。 (考虑开始受益并使用 Ionic 框架)如果我在 Ionic 中使用 JQuery 或 Javascript 而不是 Typescript，效果会一样吗？

或者建议我学习 Typescript 并开始将其与 Ionic 一起使用？

感谢您的澄清。

这就是我通常使用 JQuery 编写 Cordova 代码的方式:

function shuffleArray(array) {
for (var i = array.length - 1; i > 0; i--) {
    var j = Math.floor(Math.random() * (i + 1));
    var temp = array[i];
    array[i] = array[j];
    array[j] = temp;
}
return array;
}

function beginGame() {

$('#info').hide();

var level = 0;

$('#game_title h2').html('Level 1');
$('#game_question h3').html('What is the most common language?');

$('#game_body').html('');
var gameBody = document.getElementById('game_body');
var columnAnswer, buttonAnswer;

var answers = [['Arabic', ''], ['Spanish', ''], ['English', 'right_answer'], ['Chinese', '']];
var arr = shuffleArray(answers);
console.log(arr);

for (var i = 0; i < arr.length; i++) {
    columnAnswer = document.createElement('div');
    columnAnswer.className = 'col-xs-12';

    buttonAnswer = document.createElement('button');
    buttonAnswer.id = 'answer_button_'+i;
    buttonAnswer.className = 'btn btn-primary btn-sx answer_button ' + arr[i][1];
    buttonAnswer.type = 'button';
    buttonAnswer.innerHTML = arr[i][0];
    //buttonAnswer.setAttribute('onclick', 'onQuoteClick(' + quotes[i].id + ')');
    console.log(buttonAnswer);
    columnAnswer.appendChild(buttonAnswer);

    gameBody.appendChild(columnAnswer);
}

$('.answer_button').click(function () {
    var button_id = $(this).attr('id');
    if ($('#' + button_id).hasClass('right_answer')) {
        //alert('Right Answer');
        $('#info').show();
        fillInformation();
    } else {
        alert('Wrong Answer');
    }
});



}
function fillInformation() {
$('#game_title h2').html('English');
$('#info_image img').attr("src", './images/level_1.png');
$('#info_text h5').html('English Language');
}

Answer 1

是的，使用 Typescript 并按照标准方式进行操作是完全值得的。

与您习惯的主要区别不是 Typescript 与 Javascript，而是普通 Js 与 Angular。

Angular 是 Ionic 所依赖和扩展的框架。 Angular 框架默认使用 Typescript。

但这对你来说不应该是问题，因为 Typescript 向后兼容 Javascript。 .ts 文件中的任何普通 Js 代码都可以正常编译和运行(尽管如果您不遵循最佳实践，您就会失去 Typescript 的优势)。

您当然也可以使用 jquery，就像您习惯的那样。