Web前端基础——Javascript(JS)

目录

一、JavaScript概述

1.1、介绍

1.2、使用方法

1.2.1、标签引用、通过HTML中Script标签进行编写

1.2.2、文件引用

1.3、JavaScript的输出

1.3.1、控制台输出

1.3.2、页面输出

1.3.3、弹出窗口弹出

1.4、注释

二、数据类型

2.1、数据分类

2.2、强制类型转换

2.2.1、转换字符串类型

2.2.2、转换为Number类型

2.2.3、转换为Boolean类型

2.3、this对象

2.4、工厂方法创建对象

2.5、构造函数创建对象

2.6、创建原型对象

2.7、组合继承

2.8、垃圾回收

三、Js部分弹框练习

3.1、确认框（confirm()）

3.2、警告框（alert()）

3.3、提示框（prompt()）

3.4、通过JS跳转网页

---

一、JavaScript概述

1.1、介绍

        是一种浏览器解释型语言，嵌套在HTML文件中交给浏览器解释执行。主要用来实现网页动态效果、用户数据传输交互。它是一种解释型、面向对象语言，不需要编译成机器码在执行，可以直接通过解释器执行，且要注意的是，Js严格区分大小写。

1.2、使用方法

1.2.1、标签引用、通过HTML中Script标签进行编写

 

1.2.2、文件引用

        通过JS文件来书写JS脚本，在HTML中使用script标签进行引用

 

1.3、JavaScript的输出

1.3.1、控制台输出

1.3.2、页面输出

1.3.3、弹出窗口弹出

 

1.4、注释

        一共两种模式，单行注释（// 注释内容）和多行注释（/* 注释内容 */）

二、数据类型

2.1、数据分类

        JS中一共有六种基本数据类型：字符串型（String）、数值型（Number）、布尔型（Boolean）、undefined型（Undefined）、null型（Null）还有除这五种以外的object型。

2.2、强制类型转换

2.2.1、转换字符串类型

        toString()

2.2.2、转换为Number类型

        Number()[非纯数字字符串或undefined会显示NaN]/parseInt()[只用作字符串]

 

2.2.3、转换为Boolean类型

        Boolean()

2.3、this对象

        首先，对象就是我们刚才所说的Object，第六类数据类型，基于这点我们去学习对象中的this指针会更方便。

        解析器调用函数过程中，会调用一个隐含的参数This，this指向的是个对象。

        当以函数形式调用时，this指全局变量，如果是以方法的形式调用，this就是调用该方法的那个对象。

2.4、工厂方法创建对象

        工厂模式是通过一个函数进行对象的创建，其中包含创建新对象、设置属性、设置方法、返回对象。

2.5、构造函数创建对象

        构造函数在工厂模式方法下，做了简化，省略了创建对象和返回对象这两步，使用构建函数创建对象的过程细化一下可以书写为：

        第一步，调用构造函数，创建一个新的对象

        第二步，设置新建的对象为this对象，在构造函数中利用this对象来引用新建对象

        第三步，执行函数剩余步骤

        第四步，new新建对象后，将该对象作为返回值返回

2.6、创建原型对象

        我们将构造函数中设置的全局方法提取出来，将其写入原型对象中，这样绑定后new出来该类的所有实例对象均可调用原型对象中的方法，具体实现过程如下：

2.7、组合继承

        利用构造函数和原型对象方法组合构建，使子类能够继承父类对象的方法和属性。

2.8、垃圾回收

        当对象不再被我们调用，此时这类对象在内存中就属于垃圾，这种垃圾过多会导致程序运行速度降低，需要定期及时清理。

        Js中存在自动的垃圾回收机制，我们不需要做特殊的操作，仅需要将不再使用的对象赋值null即可。

三、Js部分弹框练习

3.1、确认框（confirm()）

 

 

3.2、警告框（alert()）

3.3、提示框（prompt()）

3.4、通过JS跳转网页

        点击4399小游戏后，跳转新网页至4399网页

 

                点击“验证”后，输入“百度”后跳转至百度官网（原网页基础上）

 

        点击“验证”后，输入“淘宝”后跳转至淘宝官网（在新网页基础上）

​​​​​​​