前言
【JavaScript】
首先，JavaScript 是 Web（World Wide Web） 的一门编程语言，简称“JS”，是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。
几乎的 HTML 页面都可以使用 JavaScript，是基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
JavaScript对于有一定编程基础的人来说简单易学，容易上手，和HTML、CSS和合称为网页三剑客，可见其在网页开发中的重要地位。
【TypeScript】
TypeScript 是 JavaScript 的一个超集，通过在JavaScript的基础上添加静态类型定义构建而成，支持 ECMAScript 6 标准。
TypeScript 是由微软开发的自由和开源的编程语言
TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。
TypeScript与JavaScript 相比,TypeScript 具有更强的类型系统、更严格的类型检查、更好的代码可读性和维护性等优点，因此越来越受欢迎。
基础语法
【JavaScript】
HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间，放置在 HTML 页面的 <body> 和 <head> 部分中，为了美观一般放在<body> 中最后面，用<script> 与 </script> 引用的连接一般放在<head>里，方便在最开始加载连接提高速度。
【TypeScript】
TypeScript主要有以下几个部分组成：
模块
函数
变量
语句和表达式
注释
首先通过 tsc 命令进行编译，得到js 代码，最后我们使用 node 命令来执行该 js 代码
注释方法
JavaScript和TypeScript的注释方法相同
单行注释：以//开头
多行注释：以 /* 开始，以 */ 结尾
<script>
// document.write("这是单行注释");
document.write("这是单行注释");
/*
document.write("这是多行注释");
document.write("这是多行注释");
*/
document.write("这是多行注释");
document.write("这是多行注释");
</script>简单示例
【JavaScript实例】
通过浏览器弹窗显示"Hello World!"
<script>
alert(" Hello world! ");
</script>【TypeScript实例】
通过控制台打印"Hello World!"
const hello : string = "Hello World!"
console.log(hello)
总结
当然JavaScript和TypeScript所能做的工作远远不止这些，其中的奥秘仍需要我们通过不断地使用和学习进行探索。想要从事网页前端，JavaScript是必不可少的工具，想要更高效地开发，适应时代，不妨试试TypeScript，你会发现一个新大陆！
扫一扫
113
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
