前端-JavaScript
前端-JavaScript-入门
全文字数:nnn来字(含代码)
阅读时间:大概mmm分钟吧(不算扩展、参考)
最后编辑:2021年4月16日 17:18:32
更多相关:进入我的主页~
一、介绍
1. 科班/工作必会内容
1.1 它是什么?
🙌 Javascript是一种脚本语言,弱类型语言
1.2 相关的行话、术语有哪些?
每篇文章下的该部分内容会持续更新,想起来了什么相关的,我就再加上~(建议收藏⭐)
👉 脚本
要想理解脚本语言是什么,要先说一下脚本这个词,这个还真查过,不是个外来语,记得早在宋朝就有这个词了,背不太好本意,偷偷搬一下百度百科~如下:
脚本是指表演戏剧、拍摄电影等所依据的底本又或者书稿的底本。脚本可以说是故事的发展大纲,用以确定故事的发展方向。之后,确定故事到底是在什么地点,什么时间,有哪些角色,角色的对白,动作,情绪的变化,等等,这些细化的工作都是剧本上所要清楚确定下来的。
emmm...有点啰嗦,简单说就是一个剧本的具体实施步骤,比如:(可以联想一下打开网站,页面一步步渲染)
- 第一步打光
- 第二步主角登场
- 第三步反派登场
- 第四步反派嗝屁。。。
也可能会有突发事件,不过也在脚本上有写,比如:张三如果突然上场了的话,李四就耍个刀给他赶下来...(可以联想一下,点击了不好用的超链接,弹出了一个窗口)
👉 脚本语言
根据上面对脚本的描述应该就很好理解脚本语言了,既然是戏剧,那就要有舞台(浏览器),要有演员(HTML元素、缓存中的变量),在这个舞台上,按照脚本(JavaScript写的程序),一步一步的推进剧情(执行脚本程序)。
舞台不光只有浏览器,脚本语言也不止有JavaScript。比如在windows系统下,我们计科相关专业的基操:win+R,之后cmd,回车!然后打开黑本窗口(终端),这个软件叫操作系统的shell(壳子),里面我们用的各种命令(也可以叫指令)也是脚本语言。
脚本语言的初衷还是为了较少程序运行需要的步骤(编译-链接-运行),我总喜欢拿洗衣机举例子(洗衣机真是太好用了八,谁发明的,还能用在这...)用脚本语言写的程序(注意断句),就像是按照步骤,按洗衣机上的按钮。而不需要,当我们想来个浸泡洗模式、水位7、力度中时,还要现拼装特定模式、水位、力度的零件(编写对应的底层程序),安装到洗衣机里(编译),插电(运行)。不过脚本语言一般较为灵活,常见的就是我们总要cmd一下(不是电脑出问题,就是软件没安明白。。)
👉 弱类型语言
说它弱,那肯定是相对强才叫弱。先说一下强类型语言~
强类型语言:是一种强制类型定义的语言,一旦某一个变量被定义类型,如果不经过强制转换,则它永远就是该数据类型了,强类型语言包括Java、.net 、Python、C++等语言。
相对上面的描述,弱类型语言就是不强制类型的定义,声明时也不需要确定类型,在第一次赋值的时候系统会确定类型,下面用Java做一个简单的对比,分别声明一个整型变量和字符串,来感受一下:
Java(强类型语言):
// 声明时就必须固定数据类型,不这么做就运行不了程序
int i = 123;// i现在就是int类型
String j = "abc";// j现在就是String类型
JavaScript(弱类型语言):
var i,j;// 声明变量时,可以不赋值,也不强制固定数据类型,在后续赋值时再确定数据类型~
i = 123;// i变成了Number类型的变量
j = 'abc';// j变成了String类型的了
(后面这些术语、行话后,续填坑~)
👉 事件
👉 函数
👉 外部方法
👉 JSON
👉 DOM
👉 遍历
👉 注释
1.3 语言基础知识有哪些?
一般我们学习一个新的语言时都要默默的问一下这些问题:大小写是否敏感?注释方法是什么?有哪些基本数据类型?运算符有哪些?流程控制语句有哪些?变量怎么声明并使用?方法或函数怎么声明并使用?主方法或主函数怎么写?如何编写并运行一个简单的程序?...
🌟 对大小写敏感
🌟 单行注释方法:
// 注释内容
🌟 多行注释方法:
/*
注
释
内
容
*/
🌟 基本数据类型:
类型说明 | 举例 | 数据类型 |
---|---|---|
字符串 | '123abc' | String |
数字 | 0.01或123 | Number |
布尔 | true/false | Boolean |
对象 | {name:'张三'}/null | Object |
未定义 | undefined/var un; | Undefined |
🌟 运算符:
- 算数运算符:+、-、*、/、%
- 比较运算符:>、>=、<、<=、==、!=
- 逻辑运算符:&&、||、!
- 赋值运算符:+=、-=、*=、/=、%=、=
- 自增自减运算符:++、--
- 三目运算符:? :
🌟 流程控制语句:
- if分支语句:if(条件) { // 语句块 } else
- if、else、elseif
- 有else、elseif必须有if,有if可以没有else
- for循环语句:for( item in list ){ // 语句块 }、if(i = 0;i<10;i++)
- in 可以依次取出元素的下标
- of 可以依次取出元素
1.4 现在的流行版本?有哪些新增特性?
💪 流行版本:ES6
✨ 新特性:
2. 其他了解
多了解点,学的更明白,以后也好和同行或外行唠嗑(吹🐮🍺)~
2.1 为什么会出现?
2.2 有哪些相似技术?
二、使用场景及方法
1. 常见使用场景
- Web开发:基于 HTML 和 CSS 构建的网站上提供交互功能
- 桌面应用:一个不错的听歌软件就是Javascript做的,叫 Listen1(悄悄的:它可以听全平台的音乐哦)
- 移动应用:uni-app了解一下,web渲染、原生渲染都支持,还可以同时开发小程序。当然还有不少其他的框架,都可以做移动端应用
- 服务器和 API:使用 Node.js 你可以获得一个可构建服务器的,高度且可扩展的 JS 运行时。长久以来,Express 一直是服务器端渲染 Web 应用或 API 的首选框架。
- 游戏开发:JS 究其本源就是面向 UI 的,因此通过 JS,HTML 和 CSS 就已经能写出简单的网页游戏。
- 机器学习:使用 TensorFlow.js,可以开发图像分类,语音识别或预测性分析的机器学习模型。
- 物联网 IoT:Johnny-Five 平台为各种 Arduino 开发板提供了一个易用的 API。如果你对机器人更感兴趣,不妨试试 Cylon.js。
2. 简单使用示例
使用场景:Web开发
实现步骤:
三、总结
以上内容都是个人在校习得、业余积累、工作所学而来,有些还是一家之言,有更好的见解或不解之处,欢迎评论区讨论!(/•ิv•ิ)/
没有公众号,准备写完自己所了解的就改行了,兴趣、精力有限_(:3 」∠ )_