JavaScript 科技推动进步
JavaScript 科技推动进步
要想学好一门编程语言我们首先应该知道这门语言是什么，怎么样才能使用这门语言
————————————————————————————
须知基础知识须知
「JS简介」「JS书写方式」「JS注释」「JS的控制台输出」
————————————————————————————
「JS简介」
avaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
JavaScript的标准是[ECMAScript ](https://baike.baidu.com/item/ECMAScript /1889420)。截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES6。
JavaScript语言特点
(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
(4)动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
(5)跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,JavaScript已被大多数的浏览器所支持。
不同于服务器端脚本语言，例如PHP与ASP，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。
而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。同时，有些特殊功能（如AJAX）必须依赖JavaScript在客户端进行支持。
JS语言的性质
弱类型的脚本语言
弱类型
数据类型（Data Type）
1.声明变量不需要声明变量类型
2.数据的类型取决于储存的数据的值
「JS书写方式」
JS使用【3种书写方式】
| 方式 | 优点 | 缺点 |
|---|---|---|
| 行内 | 书写方便、优先级高 | 可用范围小、可读性差 |
| 内嵌 | 可以在Script标签中直接书写 | 没有实现完全的语言分离 |
| 外联 | 完全实现语言分离、适合于大项目 | 造成文件增加 |
1.内行：在html代码中添加
1 <a href="https://www.baidu.com" onclick="alert('您将要跳转到百度')">百度</a>
注：不推荐使用这种方法，因为会导致可读性太差
2.内嵌：在head标签中添加
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <script>
7 window.onload = function () {
8 alert('你好')
9 }
10 </script>
11 </head>
12 <body>
13 </body>
14 </html>
注：一点要添加标签，就跟css差不多，同时也可以在body标签里添加，这一种方法适合代码量较少的情况
3.外链：在head标签中写一个链接，类似css
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <script src="one.js"></script>
7 </head>
8 <body>
9 </body>
10 </html>
注：最常用的编写css方法，几乎用在要写大量js代码的情况下
「JS注释」
- 单行注释 // 添加取消单行注释使用 Ctrl+/
- 多行注释 /* 内容 */ Ctrl+Shift+A Ctrl+Shift+/ Shift+Alt+A
//单行注释
/*多行注释
多行注释
多行注释
多行注释
多行注释
多行注释*/
「JS的控制台输出」
控制台：打开浏览器按F12或者右击检查，然后点击Console即可
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Muub5IjQ-1609297785403)(C:\Users\臻·······棒(๑•̀ㅂ•́)]و✧\Desktop\屏幕截图 2020-12-30 110759.png)
控制台：打开浏览器按F12或者右击检查，然后点击Console即可
使用console.log()，将内容输出到浏览器控制台里面
本文地址：https://blog.csdn.net/weixin_47766667/article/details/111953313
上一篇： vue 实现选项卡多选功能，点击选中，再点击取消选中，选中显示高亮
下一篇： （*(工)*）:目录