开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> JavaScript高级教程 -> 正文阅读

[JavaScript知识库]JavaScript高级教程

计算机语言

机器语言、汇编语言和高级语言

计算机语言指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介；
计算机语言的种类非常多，总的来说可以分成【机器语言】、【汇编语言】和【高级语言】三大类；
实际上计算机最终所执行的都是【机器语言】，它是由“0”和“1”组成的二进制数，二进制是计算机语言的基础；
编程语言是用来控制计算机的一系列指令，它有固定的格式和词汇（不同编程语言的格式和词汇不一样），必须遵守；
如今通用的编程语言有两种形式：【汇编语言】和【高级语言】；
【高级语言】主要是相对于低级语言而言的，它并不是特指某一种具体的语言，而是包括了很多编程语言，常用的有：C语言、C++、Java、C#、Python、PHP、Go语言、Objective、Swift等；
【翻译器】：高级语言所编制的程序不能直接被计算机识别，必须经过转换才能被执行，为此，我们需要一个翻译器；翻译器可以将我们所编写的源代码转换为机器语言，这也被称为二进制化。记住1和0；

【编程语言】和【标记语言】的区别？

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

计算机基础

计算机组成

在这里插入图片描述

数据存储

计算机内部使用二进制0和1来表示数据；
所有数据，包括文件、图片等最终都是以二进制数据（0和1）的形式存放在硬盘中的；
所有程序，包括操作系统，本质都是各种数据，也以二进制数据的形式放在硬盘中。平时我们所说的安装软件，其实就是把程序文件复制到硬盘中；
硬盘、内存都是保存的二进制数据；

数据存储单位

在这里插入图片描述

程序运行

在这里插入图片描述

初识JavaScript

JavaScript简介

发明者：布兰登艾奇
JavaScript是一种运行在客户端的脚本语言（script是脚本的意思）；
脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行；
现在也可以基于Node.js技术进行服务器端编程；

浏览器执行JS简介

浏览器分成两部分：【渲染引擎】和【JS引擎】；
【渲染引擎】：用来解析HTML与CSS，俗称【内核】，比如：chrome浏览器的blink，老版本的webkit；
【JS引擎】：也称为【JS解释器】。用来读取网页中的JavaScript代码，对其处理后运行，比如chrome浏览器的V8；
浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎（解释器）来执行JS代码。JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行；

JS组成

在这里插入图片描述

ECMAScript

在这里插入图片描述

DOM

在这里插入图片描述

BOM

在这里插入图片描述

JS的输入和输出语句

在这里插入图片描述

变量

什么是变量？

通俗：变量是用于存放数据的容器。我们通过【变量名】获取数据，甚至数据可以修改；

变量在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间；

变量的使用

变量在使用时分为两步：1、声明变量；2、赋值

变量案例-弹出输入的用户名

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>变量案例-弹出用户名</title>
</head>

<body>
    <script>
        // 1、输入用户姓名，存储到一个 myName 的变量中
        var myName = prompt('请输入用户名')
        // 2、输出这个用户名
        alert(myName)
    </script>
</body>

</html>

变量的语法扩展

更新变量：一个变量被重新赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准；
同时申明多个变量时，只需要写一个 var ，多个变量名之间使用英文逗号隔开；
声明变量的特殊情况：
（1）、只声明不赋值，程序也不知道里面存的是啥，所以结果是 undefined（未定义的）；
（2）、不声明不赋值直接使用某个变量，会报错（xxx is not defined）;
（3）、不声明直接赋值使用：可以正常使用，是一个全局变量；

变量的命名规范

在这里插入图片描述

我们尽量不要使用“name”作为变量名；

数据类型

为什么需要数据类型？

在这里插入图片描述

变量的数据类型

在这里插入图片描述

<script>
        // int num=10;  java
        // var num; //这里的num 我们是不确定属于哪种数据类型的 

        var num = 10; //num属于数字型
        // js 的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的

        // js是动态语言 变量的数据类型是可以变化的
        var x = 10; // x 是数字型
        x = 'pink'; //x 是字符串
</script>