• 【网络安全的神秘世界】JavaScript


    在这里插入图片描述

    🌝博客主页:泥菩萨

    💖专栏:Linux探索之旅 | 网络安全的神秘世界 | 专接本

    01-JavaScript简介

    JavaScript背景

    2003年之前,JavaScript被称为“牛皮藓”,用来制作页面上的广告、弹窗、漂浮的广告

    2004年,JavaScript命运开始改变,谷歌公司开始带头使用Ajax技术

    2007年,JavaScript在移动中不可或缺

    JavaScript介绍

    JavaScript入门易学性

    • JavaScript对初学者比较友好、简单易用。可以使用任何文本编辑工具编写,只需要浏览器就可以执行程序
    • JavaScript是有界面效果的(相比之下,C语言只有白底黑字)
    • avaScript是弱变量类型的语言,变量只需要用 var/let/const 来声明。而lava中变量的声明,要根据变量的类型来定义

    JavaScript是脚本语言

    JavaScript运行在用户的终端网页上,而不是服务器上,此时我们称之为“前端语言”。就是服务于页面的交互和视觉,不能直接操作数据库

    后端语言是运行在服务器上的,比如PHP、ASP、JSP等,这些语言能够操作数据库,进行“增删改查”操作

    备注:Node.js是用JavaScript开发的,我们也可以用Node.js技术进行服务器端编程

    JavaScript的组成

    JavaScript基础分为三个部分:

    • ECMAScript:JavaScript的语法标准(遵循规范)
    • DOM:文档对象模型,操作页面上的元素的API
    • BOM:浏览器对象模型,操作浏览器部分功能的API

    JavaScript的特点

    特点1:解释型语言

    JavaScript是解释型语言,不需要事先被翻译为机器码,而是边翻译边执行(翻译一行,执行一行)

    特点2:单线程

    同一时间只能做一件事情

    特点3:ECMAScript标准

    HTML遵循W3C标准

    JavaScript遵行ECMAScript标准

    编译语言的分类

    翻译器

    计算机不能直接理解除机器语言之外的任何语言,所以必须要把程序员所编写的语言翻译成机器语言,计算机才能执行程序,程序语言翻译成机器语言的工具,被称为翻译器

    翻译器翻译的方式有两种:一种是编译,另一种是解释。两种方式之间的区别在于翻译的时机不同

    • 编译:在代码执行前,事前把所有的代码一次性翻译好,生成中间代码文件,然后整体执行
    • 解释:边翻译,边执行

    对应的语言,称之为“编译型语言”、“解释型语言”

    编译型语言

    优点:运行更快

    不足:移植性不好,不跨平台

    语言:c、c++、go

    解释型语言

    优点:移植性好,跨平台

    不足:运行更慢

    语言:JavaScript、php、Python

    Java语言

    Java语言既不是编译型语言,也不是解释型语言。翻译过程:

    (1) 编译:.java代码文件先通过javac命令编译成.class文件

    (2)执行:.class文件再通过jvm虚拟机,解释执行。有了jvm的存在,让java跨平台了

    安装JavaScript

    首先需要安装nodejs

    Node.js

    VSCode安装Code Runner插件

    开始写第一行JavaScript代码

    方式1:行内式

    代码举例:

    <input type="button" value="点我" onclick="alert('马哥教育')"/>
    

    分析:

    • 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性)
    • 这种书写方式,不推荐使用,原因是:可读性差,编写大量JS代码时,容易出错

    方法2:内嵌式

    代码举例:

    <script type="text/javascript">
    	alert('马哥教育');
    script>
    

    分析:

    • text表示纯文本,因为JavaScript也是一个纯文本的语言
    • type="text/javascript":声明语言为JavaScript,写不写都行
    • 可以将多行JS代码写到