阅读本文大约需要 10 分钟。 您可以先关注我们，以免上次找不到。
本篇文章，程哥将在后端教程中继续带大家学习JavaScript。 网页的动态扰动基本上就是由它来实现的。 一起来学习一下内容吧！
01 JavaScript 简介
JavaScript，通常缩写为JS，是一种中间、解释和执行的编程语言。
JavaScript 是一种基于原型、函数优先的语言javascript 日期转换字符串，也是一种支持面向对象编程、命令式编程和函数式编程的多范式语言。 它提供句型来操作文本、数组、日期、正则表达式等。它不支持I/O，例如网络、存储、图形等，但其宿主环境可以支持这些。
它早已被 ECMA（欧洲计算机制造商协会）通过 ECMAScript 标准化为一种语言。
它被世界上大多数网站使用，也得到世界主流浏览器（Chrome、IE、Firefox、Safari、Opera）的支持。
JavaScript 具有以下特点：
1）JavaScript是一种动态语言，用于在客户端设计网页。
2）它是区分大小写的语言。
3）它是一种无类型语言，即变量可以保存任意类型的值，Python语言也具有同样的特点。
02 JavaScript 文件
JavaScript 语句可以编写在 HTML 文件中，也可以单独编写在 .js 文件中。 详情如下
1）HTML文件
当JavaScript写入HTML文件时，必须写入HTML文件中的'script'标签中。 下面我们通过JavaScript在HTML文件中输出“Hello World”，如下所示。
1.
2.
3.
4.
5. JavaScript基础教程
6.
7.
8.
9. document.write("Hello World from JavaScript!
");
10.
11.
12. 2）js文件
现在我们创建一个单独的js文件，然后应用HTML文件中的具体示例如下：
1. // js文件
2. document.write("Hello World from JavaScript!
");
3.
4. // html文件
5.
6.
7.
8.
9. JavaScript基础教程
10.
11.
12.
13.
14.
15. 03 JavaScript关键字、数据类型、变量和常用操作
(1) JavaScript 关键字
JavaScript 包含许多关键字。 我们在编译单词时要注意避免使用此类关键字，以免出现不必要的错误。 其常用的关键字如下表所示：
(2) JavaScript 数据类型
JavaScript 包含三种数据类型，如下所示：
1) 数字类型，如'123, 12.1'，尽管JavaScript中所有的数字类型都是浮点数
2）字符串类型，如‘JavaScript基础教程’
3) 布尔类型，如'true, false'
(3) JavaScript 变量
JavaScript 变量通常使用 var 关键字定义，而在 ES6 中变量通常使用 let 定义。 JavaScript 是一种无类型语言，这意味着变量可以包含任何数据类型。 具体的JavaScript变量使用示例如下：
1. // 1.js文件
2. // document会在文章渲染后再执行，所以看到其在js文件中是在前面，但HTML页面输出的内容在最后
3. document.write("Hello World from JavaScript!
");
4.
5. // 定义变量your_name与age
6. var your_name = "成哥";
7. var age = 30;
8. // 在HTML中找到p_name的id标签，然后在内部插入html内容
9. document.getElementById("p_name").innerHTML= "Hello "+ your_name + "
Age : " + age;
10.
11. // 2. HTML文件
12.
13.
14.
15.
16. JavaScript基础教程
17.
18.
19.
20.
21.
22. 我们还可以使用prompt方法获取用户在页面输入的变量。 具体示例如下：
1.
2.
3.
4.
5. JavaScript基础教程
6.
7.
8.
9. // prompt方法用于获取用户在页面输入的内容
10. var x = prompt("请输入一个数字，计算其10倍的结果");
11. document.write("其10倍结果为：10 * ", x, " = ", 10*x + "
");
12.
13.
14. (4) JavaScript 运算符
1）算术运算符
2）赋值运算符
3）比较运算符
4）条件运算符
JavaScript 的条件运算符是问号和引号（?:）的组合。 规则是问号上方的条件是否为真。 如果为 true，则执行逗号后面的表达式。 如果为 false，则执行引号前的表达式。 详情如下所示：
1.
2.
3.
4.
5. JavaScript基础教程
6.
7.
8.
9. // prompt方法用于获取用户在页面输入的内容
10. var x = prompt("请输入一个数判断其是奇数还是偶数");
11. // 通过条件运算符来进行判断奇偶数
12. var result = x % 2 === 0 ? '偶数': '奇数';
13. document.write("数值(", x, ")为", result);
14.
15.
16. 5）逻辑运算符
(5)类型转换
1) 字符串值类型
1.
2.
3.
4.
5. JavaScript基础教程
6.
7.
8.
9. // 字符串转数值型通过Number方法实现
10. document.write("2 + Number('3.4') = ", 2 + Number('3.4'), "
");
11.
12.
13. 2）整数转换
浮点数值类型和字符串数值类型可以通过parseInt转换为整数。 具体示例如下：
1.
2.
3.
4.
5. JavaScript基础教程
6.
7.
8.
9. // 整型转换
10. document.write("2 + parseInt('3.4') = ", 2 + parseInt('3.4'), "
"); // 字符串转整型
11. document.write("2 + parseInt(3.4) = ", 2 + parseInt(3.4), "
"); // 浮点数转整型
12.
13.
14. 3）浮点数转换
数字字符串和数字类型可以通过parseFloat转换为浮点数。 详情如下
1.
2.
3.
4.
5. JavaScript基础教程
6.
7.
8.
9. // 浮点数转换
10. document.write("2 + parseFloat('3.4') = ", 2 + parseFloat("3.4"), "
");
11.
12.
13. (6) 字符串模式
JavaScript 有许多用于字符串操作的外部方法。 下面我们将演示一些常用的字符串方法如下：
1.
2.
3.
4.
5. JavaScript基础教程
6.
7.
8.
9. // 字符串示例
10. document.write("hello".toUpperCase(), "
") // 转换为大写字母
11. w = "JavaScript"
12. document.write(w.toLowerCase(), "
") // 转换为小写
13. document.write(w.small(), "
") // 变小字体
14. document.write(w.bold(), "
") // 变粗字体
15. document.write(w.strike(), "
") // 给文字加上横线
16. document.write(w.fontsize("5em"), "
") // 设置字号大小
17. document.write(w.link("http://www.baidu.com"), "
") // 给其增加url链接
18. document.write(w.fontcolor("red").fontsize("12em"), "
") // 连续使用多个方法设置
19.
20.
21. (7) 数组
JavaScript 的链表类型可以包含不同的数据类型。 例如，链表同时包含字符串和数字类型。 它与 Python 非常相似。 具体使用示例如下：
1.
2.
3.
4.
5. JavaScript基础教程
6.
7.
8.
9. // 数组示例
10. arr = [15, 30, "Meher"]
11.
12. // 遍历数组方式一：
13. document.write("遍历数组方式一：", "
");
14. for(a in arr)
15. document.write(arr[a], " ");
16. document.write("
");
17.
18. // 遍历数组方式二：
19. document.write("遍历数组方式二：", "
");
20. for (var i=0;i<arr.length;i++){
21. document.write(arr[i], " ");
22. }
23. document.write("
");
24.
25. document.write(arr.pop(), "
"); // 移除数组最后一个元素
26. arr.push("JavaScript"); // 在数组最后增加一个元素
27. document.write(arr.pop(), "
");
28. document.write("该数组长度为: ", arr.length, "
");
29.
30.
31. 04 总结
我们的“JavaScript 基础教程第 1 部分”到此结束。 下一部分主要讲解JavaScript控制语句、函数式编程、异常处理等相关知识，敬请期待。 最后javascript 日期转换字符串，如果您喜欢这篇文章，别忘了点赞、关注、转发哦！
