【JS学习记录】1.0+2.0

目录

一、编程语言

           ——“可以通过类似于人类语言的“语言”来控制计算机，让计算机为我们做事情”

二、数据存储单位

 三、JS三种书写位置

 四、JS注释

 五、JS输入输出语句

六、 变量的使用

七、变量使用案例之弹出用户名

八、变量命名规范

九、 交换两个变量的值

十、变量储存类型

 十一、数字型Number

---

一、编程语言

 

           ——“可以通过类似于人类语言的“语言”来控制计算机，让计算机为我们做事情”

1.编程：

就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。

2.计算机程序：

就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。

3.计算机语言：

指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。

计算机语言的种类非常多，总的来说可以分成机器语言、汇编语言和高级语言三大类。

实际上计算机最终所执行的都是机器语言，它是由“0”和“1”组成的二进制数，二进制是计算机语言的基础。

4.编程语言：

编程语言是用来控制计算机的一系列指令，它有固定的格式和词汇（不同编程语言的格式和词汇不一样），必须遵守。

如今通用的编程语言有两种形式：汇编语言和高级语言。

• 汇编语言 —— 和机器语言实质是相同的，都是直接对硬件操作，只不过指令采用了英文缩写的标识符，容易识别和记忆。
• 高级语言 —— 主要是相对于低级语言而言，它并不是特指某一种具体的语言，而是包括了很多编程语言，如C语言、C++、Java、C#、Python、JavaScript等。

5.翻译器：

高级语言所编制的程序不能直接被计算机识别，必须经过转换才能执行，为此，我们需要一个翻译器。翻译器可以将我们所编写的源代码转换为机器语言，这也被称为二进制化。

 6.编程语言和标记语言的区别：

• 编程语言 —— 有很强的逻辑和行为能力。在编程语言里，会看到很多 if else、for、while 等具有逻辑性和行为能力的指令，这是主动的。
• 标记语言（html） —— 不用于向计算机发出指令，常用于格式化和链接。标记语言的存在是用来被读取的，它是被动的。

---

二、数据存储单位

---

 三、JS三种书写位置

JS有三种书写位置，分别是行内式、内嵌式和外部式。

1.行内式

（1）可以将少量JS代码写在html标签的事件属性中（以on开头的属性），如：onclick

（2）注意单双引号的使用：在html中推荐双引号， JS 中推荐单引号

（3）可读性差，在html中编写大量JS代码时，不方便阅读

（4）引号多层嵌套匹配时易错

（5）一般在特殊情况下使用

2.内嵌式（刷新浏览器直接弹出） 常用 

（1）可以将多行JS代码写到 <script> 标签中

（2）内嵌JS最为常用

3.外部式

（1）可以把大段JS代码独立到html页面之外，美观且方便文件级别的复用

（2）注意：引用外部JS文件的 script 标签中间不可以写代码

（3）适用于JS代码量比较大的情况

---

 四、JS注释

1.单行注释

 显示为 “ // ” ，且快捷键为：ctrl + /

 2.多行注释

显示为 “ /* ” ，且1默认快捷键为：shift + alt + a

可以在vscode修改多行注释的快捷键为：ctrl + shift + /

---

 五、JS输入输出语句

1.输入框

2.弹出警示框

3.控制台输出

 

 4.总结

---

六、 变量的使用

1.声明变量

 var age；//声明了一个名称为age的变量

• var是一个JS关键字，用来声明变量
• age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

 2.赋值

 age = 18；//给age这个变量赋值为18

• “=”用来把右边的值赋给左边的变量空间中

3.变量的初始化

var age = 18；//声明变量的同时赋值为18

• 声明一个变量并赋值，我们称之为变量的初始化

---

七、变量使用案例之弹出用户名

1.具体代码

<script>
        // 1.用户输入姓名，并存储到一个叫 myname 的变量里面
        var myname=prompt('请输入您的名字');
        // 2.输出这个用户名
        alert(myname);
</script>

2.效果展示

点击确定后 ↓

 

---

八、变量命名规范

---

九、 交换两个变量的值

1.逻辑思路：使用一个临时变量来做中间储存

2.代码实现

<script>
        var temp;//声明了一个临时变量为空
        var apple1='青苹果';
        var apple2='红苹果';
        temp=apple1;//把右边给左边
        apple1=apple2;
        apple2=temp;
        console.log(apple1);
        console.log(apple2);
</script>

 

---

十、变量储存类型

JavaScript是一种动态语言，不用提前声明变量，在程序运行过程中，类型会被自动确定。

var age = 18；// 这是一个字符型

var wow = '真神奇'；// 这是一个字符型

变量类型在运行过程中可改变：

var a = 8；                // a为数字

var a = "nice"            // a为字符串

JS把数据大体分为两种：简单数据类型 和 复杂数据类型（object）

---

 十一、数字型Number

1.常见的有二进制、八进制、十进制、十六进制

// 1. 八进制的数字范围：0~7

var num1 = 07；         // 对应十进制的7

var num2 = 010；       // 对应十进制的8

// 2.十六进制的数字范围：0~9 及 a~f（10~16）

var num3 = 0x9；           // 对应十进制的9

var num4 = 0xa；           // 对应十进制的10

只需记住：在JS中八进制前面加 0 ，十六进制前面加 0x

2.其中，还有最大值和最小值的表示：

alert (Number.MAX_VALUE)；       // 1.797693148623157e+308 最大值

alert (Number.MIN_VALUE)；       // 5e-324 最小值

3.数字型的三个特殊值

 其中，NaN可以用来判断变量是否为数字

 // 用 isNaN() 判断非数字，是数字则返回的值是 false，不是数字则返回的值为true

 console.log (isNaN(12))；  // false

 console.log (isNaN('OK'))；  // true