Day1-JavaScript(JS)与TypeScript(TS)的基本观念

Hi~开赛第一天先来简单了解一下JavaScript(JS)与TypeScript(TS)的基本观念吧!

因为基础很重要,所以要玩TS的话,建议至少JS要有一定基础会很有帮助呦。

何谓 JavaScript(JS)

JavaScript是一个指令码语言引擎(Scripting Engine),提供许多功能,
包含:变数、运算子、函数、条件式判断与回圈、建立物件、属性、方法与事件。

举例来说,我们在开发网页时达到一些条件後,画面就会出现你所指的样貌或是动作,
像是
点击一个按钮後,会出现一是跳窗;
每隔一定时间或是点击能切换图片,常见的轮播图;
甚至是我们玩网页游戏时用上下左右控制、跳跃或攻击所看到的画面......等。

几乎都是由JS控制所呈现的喔。

何谓 TypeScript(TS)

TypeScript有JavaScript基本上就是JavaScript所延伸出来的另一种超集的程序语言(超集合Superset),
拥有JavaScript没有的语法语意规则,且向下兼容JavaScript。

也就是说,TS与JS本质上是同个东西,
在JS上能使用的语法,在TS同样能使用,
而TS又另外增加了更多与发支援,更便於开发,

另外,将可以运作的JS档案(.js)将副档名直接改成.ts,(环境建好的情况下)
一样是可以运作而且不会坏掉喔!
两者的比较之後会再细谈。

JavaScript(JS)与TypeScript(TS)的关系

其实撰写完的TS也都会转译成JS,因为

JS才是真正在运作的程序码!
JS才是真正在运作的程序码!
JS才是真正在运作的程序码!

因为很重要,所以说三遍。

简单来说,即使TS坏掉了,
转译後的JS是正常的情况下,
专案还是可以正常运作的喔~
而不会直接受到TS错误的影响。

今日结语

最後希望大家对於JS、TS已经有基本概念了~
今天就到这啦,谢谢大家!

(本人主张一天不要学太多,快乐学习才是最重要的~)


<<:  来说说有哪些逻辑结构吧 - DAY 2

>>:  Day 16 实作测试 (2)

JS 42 - 新增或删除表格式表单的资料列

大家好! 今天要实作新增和删除资料列。 我们进入今天的主题吧! 样式 .table { displa...

Re: 新手让网页 act 起来: Day08 - 简单却不是很容易懂的 key (1)

key 是 React element 中的一个属性,相信很多人在撰写 React 的时候都会遇到下...

Day14 Django资料库介绍

我们这几天已经学了一些Django的入门技巧了,但之後如果实作时,势必需要储存一些资料在後台。 但我...

Python 语言

https://wolkesau.medium.com/python-语言-57370c0adcf7...

006-元件状态

今天太晚回家,文章要开天窗拉! 先简单分享一下,我在初期在管理元件的时候,也对於命名这件事情感到有点...