一.JavaScript

Posted 2020-12-14 --学无止境--

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了一.JavaScript相关的知识，希望对你有一定的参考价值。

Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端,需要运行浏览器来解析执行 JavaScript 代码。
JS 是 Netscape 网景公司的产品,最早取名为 LiveScript;为了吸引更多 java 程序员。更名为 JavaScript。
JS 是弱类型,Java 是强类型。
特点:
1. 交互性(它可以做的就是信息的动态交互)
2. 安全性(不允许直接访问本地硬盘)
3. 跨平台性(只要是可以解释 JS 的浏览器都可以执行,和平台无关)

2、JavaScript 和 html 代码的结合方式

2.1、第一种方式
只需要在 head 标签中,或者在 body 标签中, 使用 script 标签来书写 JavaScript 代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4 <meta charset="UTF-8"><title>Title</title>
 5 <script type="text/javascript">
 6 // alert 是 JavaScript 语言提供的一个警告框函数。
 7 // 它可以接收任意类型的参数,这个参数就是警告框的提示信息
 8 alert("hello javaScript!");
 9 </script>
10 </head>
11 <body>
12 </body>
13 </html>

2.2、第二种方式

使用 script 标签引入单独的 JavaScript 代码文件

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>Title</title>
 6 <!--
 7 现在需要使用 script 引入外部的 js 文件来执行
 8 src 属性专门用来引入 js 文件路径(可以是相对路径,也可以是绝对路径)
 9 script 标签可以用来定义 js 代码,也可以用来引入 js 文件
10 但是,两个功能二选一使用。不能同时使用两个功能
11 -->
12 <script type="text/javascript" src="1.js"></script>
13 <script type="text/javascript">alert("123");
14 </script>
15 </head>
16 <body>
17 </body>
18 </html4、变量什么是变量?变量是可以存放某些值的内存的命名。

3.变量

JavaScript 的变量类型:
数值类型: number
字符串类型: string
对象类型:   object
布尔类型: boolean
函数类型:   function

JavaScript 里特殊的值:
undefined  未定义,所有 js 变量未赋于初始值的时候,默认值都是 undefined.
null   空值
NaN 全称是:Not a Number。非数字。非数值。

JS 中的定义变量格式:
var 变量名;
var 变量名 = 值;

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>Title</title>
 6 <script type="text/javascript">
 7 var i;
 8 // alert(i); // undefined
 9 i = 12;
10 // typeof() 是 JavaScript 语言提供的一个函数。
11 // alert( typeof(i) ); // numberi = "abc";
12 // 它可以取变量的数据类型返回
13 // alert( typeof(i) ); // String
14 var a = 12;
15 var b = "abc";
16 alert( a * b ); // NaN 是非数字,非数值。
17 </script>
18 </head>
19 <body>
20 </body>
21 </html>

4.关系运算

等于: == 等于是简单的做字面值的比较

全等于: === 除了做字面值的比较之外,还会比较两个变量的数据类型

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>Title</title>
 6 <script type="text/javascript">
 7 var a = "12";
 8 var b = 12;
 9 alert( a == b ); // true
10 alert( a === b ); // false
11 </script>
12 </head>
13 <body>
14 </body>
15 </html>

5.逻辑运算

且运算: &&

或运算: ||

取反运算: !

在 JavaScript 语言中,所有的变量,都可以做为一个 boolean 类型的变量去使用。
0 、null、 undefined、””(空串) 都认为是 false;

&& 与运算。
有两种情况:
第一种:当表达式全为真的时候。返回最后一个表达式的值。
第二种:当表达式中,有一个为假的时候。返回第一个为假的表达式的值
|| 或运算
第一种情况:当表达式全为假时,返回最后一个表达式的值
第二种情况:只要有一个表达式为真。就会把回第一个为真的表达式的值
并且 && 与运算和 ||或运算有短路。
短路就是说,当这个&&或||运算有结果了之后。后面的表达式不再执行

以上是关于一.JavaScript的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 有用的代码片段和 trick

JavaScript笔试题（js高级代码片段）

VSCode自定义代码片段12——JavaScript的Promise对象

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦