• JavaScript一（JS简介和JS中的变量）

    JavaScript是什么

    1. 运行在客户端的脚本语言
    2. 脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行进行解释并执行
    3. 现在也可以基于Node.js技术进行服务器端编程

    常见应用

    • 表单动态校验
    • 网页特效
    • 服务端开发（Node.js)
    • 桌面程序（Electron)
    • App(Cordova)
    • 控制硬件-物联网（Ruff)
    • 游戏开发（cocos2d-js)

    与HTML/CSS/JS的关系

    HTML决定网页结构和内容
    CSS决定网页呈现给用户的模样
    JS实现业务逻辑和页面控制

    浏览器执行JS简介

    浏览器分成两部分：渲染引擎和JS引擎

    • 渲染引擎：用来解析HTML与CSS，俗称内核
    • JS引擎： 也称为JS解释器。用来读取网页中的JavaScript代码，对其处理后运行

    JS的组成

    在这里插入图片描述

    ECMAScript

    ECMAScript是由ECMA国际（原欧洲计算机制造协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它被称为JavaScript或JScript，但实际上后两者都市ECMAScript语言的实现和扩展

    DOM-文档对象模型

    文档对象模型（Document Object Model,简称DOM），是W3C组织推荐的吹可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作（大小，位置，颜色等）。

    BOM - 浏览器对象模型

    BOM(Browser Obect Model，简称BOM）是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

    JS初体验

    输入输出语句

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //这是一个输入框
        prompt("请输入你的年龄");
        //alert 弹出警示框 输出的 展示给用户的
        alert('继续写');
        //console控制台输出
        console.log('程序员');
    </script>
</head>
<body>

</body>
</html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    变量

    变量是用于存放数据的盒子

    本质

    变量是程序在内存中申请一块存储数据的空间

    使用
    1. 声明变量
      var是一个JS关键字，用来声明变量（variable）。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管
      var age;

    • 1
    1. 给变量赋值
    age = 10;

    • 1
    1. 直接初始化变量
      var myName = 'JS';

    • 1
    变量使用示例

    接收输入的数据并以弹窗的形式显示

    请添加图片描述

    <script>
        //用一个变量接收输入框的数据
        var myAge = prompt('请输入你的年龄');
        //把接收到的数据以弹窗的形式输出
        alert(myAge);
    </script>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    变量语法扩展
    1. 更新变量
      一个变量被重新赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。
    2. 声明多个变量
      同时声明多个变量时，只需要写一个var，多个变量名之间使用英文逗号隔开。
    3. 声明变量的特殊情况
    • 只声明不赋值，结果时undefined
    • 不声明不赋值 ，直接使用变量，编译报错
    • 不声明直接赋值使用，可以正常使用（但不建议）
     <script>
        //1.更新变量
        var age = 100;
        console.log(age);//100
        age = 18;
        console.log(age);//18
        //2.声明多个变量
        var name = '张三' ,
            sex = '男',
            work = '程序员';
        console.log(name,sex,work);
        //3.变量的特殊情况
        var time;
        console.log(time);
        console.log(tel);
        kk = 100;
        console.log(kk);
    </script>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18

    由于JS是逐行编译的，前面报错，后面就不运行了
    在这里插入图片描述
    注释掉报错的输出

     // var time;
 // console.log(time); 
 // console.log(tel);

    • 1
    • 2
    • 3

    在这里插入图片描述

    变量的命名规范
    • 由字母（A-Za-z)、数字（0-9）、下划线（-）、美元符号（$)组成
    • 严格区分大小写，var app和var APP 是不一样的
    • 不能以数字开头
    • 不能是关键字，保留字
    • 变量名必须有意义
    • 遵守驼峰命名法（首字母小写，后面单词的首字母大写）
  • 相关阅读:
    Redis基础命令汇总，看这篇就够了
    Socks5代理和代理IP：网络工程师的多面利器
    wireshark工具详解、数据包抓取分析、使用教程
    HTML5期末大作业：北京旅游网页设计制作(1页) 简单静态HTML网页作品 我的旅游网页作业成品 学生旅游网站模板
    kafka的安装与简单使用
    超融合和虚拟化的区别
    mysql之update语句锁分析
    nacos2.2.1搭建
    unity自动寻路
    msfvenom制作主控与被控端
  • 原文地址：https://blog.csdn.net/qq_46066548/article/details/126864421