O que é o JS++?
JS++ é uma linguagem de programação para desenvolvimento web que estende o JavaScript com Type System. Inclui recursos de programação imperativos, orientados a objetos, funcionais e genéricos.
JS++ apareceu pela primeira vez em 8 de outubro de 2011. A implementação moderna foi anunciada na DeveloperWeek 2016 e lançada em 31 de maio de 2016. A linguagem foi desenvolvida por Roger Poon e Anton Rapetov.
Por quê usar JS++?
Segundo o criador do JS++, Roger Poon( que é engenheiro de software baseado no Vale do Silício, fundador da Onux ), há as seguintes afirmações:
- JS++ é a melhor opção se você precisa escrever uma biblioteca simples ou se você precisa de compatibilidade com versões anteriores com uma grande e complexa base de código corporativa legada.
- JS++ é perfeitamente compatível com todas as bibliotecas, estruturas e APIs de JavaScript
- Gera um código melhor que o Microsoft TypeScript que tem mais de 72.000 resultados no Stack Overflow relacionados apenas aos
TypeErrorsque ocorrem em tempo de execução.
Para acessar o link completo da entrevista dele, consulte a referência ao final desse artigo.
Instalação
wget https://onux.r.worldssl.net/jspp/downloads/JS++-0.9.2-linux_x64.tar.gz
tar zxvf JS++-0.9.2-linux_x64.tar.gz
cd JS++/
sudo install -v js++ /usr/local/bin/Limpando os arquivos
cd ..
rm -rf JS++/ JS++-0.9.2-linux_x64.tar.gzRodando
js++ --version
js++ --helpPrimeiro JS++
vim hello.jspp
import System;
Console.log("Hello World!");Rode: js++ -e hello.jspp . A saída será:
Compiling: /home/$USER/hello.jspp
OK (0) errors and (0) warnings
Hello World!Convertendo para JavaScript
js++ hello.jspp -o hello.js
node hello.js
Verificando o código JavaScript gerado
Note que o código não haverá indentação correta, mas para analisar você pode usar o https://beautifier.io/ para formatar, o código ficará assim:
// Compiled with JS++ v.0.9.2
!function() {
var f = function() {
if (typeof console !== "undefined" && typeof console.log === "function") {
return (console.log);
} else if (typeof print === "function") {
return (print);
} else {
return ((function() {}));
}
}();
var g = function() {
if (typeof console !== "undefined" && typeof console.log === "function") {
return (console);
} else {
return (void 0);
}
}();
! function() {
f.apply(g, ['Hello World!']);
}();
}();Utilizando no seu editor preferido
Há suporte de sintaxe para quase todos editores de textos e IDE . Para mais informações, consulte: https://www.onux.com/jspp/ide-editors
No Vim por exemplo, rode esses comandos:
- Edite o arquivo:
sudo vim /usr/share/vim/vim[0-9][0-9]/filetype.vim - Procure a linha que possui o conteúdo:
au BufNewFile,BufRead *.js,*.javascript,*.es,*.jsx setf javascript - E abaixo dela insira esse conteúdo:
au BufNewFile,BufRead *.jpp,*.jspp,*.js++ setf jspp - Agora salve esse arquivo no diretório
syntax:Substitua o XX pelo número da pasta que há no seu sistema.
sudo wget https://raw.githubusercontent.com/onux/jspp/master/Editor%20Integration/vim/jspp.vim \
-O /usr/share/vim/vimXX/syntax/jspp.vimTrabalhando com Tipos JS++
Exemplo de arquivo:
import System;
string frase = "Isso é JS++";
int numero = 936;
double valor = 8.04;
bool bin = true;
if( bin == true ){
Console.log( "FRASE: " + frase );
Console.log( "NÚMERO: " + numero.toString() );
Console.log( "VALOR: " + valor.toString() );
Console.log( "BIN: " + bin.toString() );
}Trabalhando com dicionários
import System;
Dictionary<string?> dicionario = {
"Terminal": "Root",
"Oliveira": "Marcos",
};
Dictionary<bool?> bin = {
"verifica": true
};
if( bin["verifica"] ){
Console.log( dicionario["Oliveira"] + " " + dicionario["Terminal"] );
}
Trabalhando com outras bibliotecas numa página Web
Utilizando com jQuery, por exemplo.
Código JS++ exemplo:
external $;
string hello = "Olá, JS++!";
$("#content").text( hello );Compilamos:
js++ pagina.jspp -o pagina.jsUtilizando em um HTML :
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Olá, JS++!</title>
</head>
<body>
<h1 id="content"></h1>
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="pagina.js"></script>
</body>
</html>Para mais informações consulte a documentação aqui.
Referências
- https://www.onux.com/jspp/
- https://en.wikipedia.org/wiki/JS++
- https://javascript-conference.com/blog/typescipt-vs-js-plus-plus-javascript-done-right/
