web三大标准：HTML(结构) + CSS（样式） +JavaScript(行为)

JavaScript

动态效果+数据交互

编程语言

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

是什么？

世界上最流行的语言之一，是一种运行在客户端的脚本语言

脚本语言 不需要编译， 运行过程中 由js解析器(js引擎)逐行来进行解释并执行

现在也可以基于Node.js技术来进行服务器端编程

JavaScript作用

• 表单动态校验

• 网页特效

• 服务端开发(nodejs)

• 桌面程序

• APP

• 控制硬件—物联网

• 游戏开发

浏览器执行js

浏览器分为： 渲染引擎 和 js引擎

渲染引擎 ：用来解析HTML和CSS，俗称内核，比如谷歌浏览器 blink

js引擎: js解析器，用来读取网页中的javascript代码，对其处理后运行，比如谷歌的v8

逐行执行每一句代码

js的组成*

ECMAScript语法，BOM，DOM

js的几种引入方式

行内式

• 可以将单行或少量js代码写在HTML标签的事件属性中(以on开头的属性) 比如onclick

• 单双引号要错开使用，HTML中推荐使用双引号，js中使用单引号

• 可读性差，在html中编写大量js代码，不方便阅读，引号容易弄混

 <input type="button" value="点我" onclick="alert('hello 17期学员 大家晚上好')">

 

内嵌式

• 可以将多行js代码写到script标签中

• 内嵌js是学习最常用的方式

<script>
    alert(123)
    alert(9)
</script>

外部式

• 适合js代码量比较大的情况

• 利于HTML代码的结构化，把大段的js代码独立到HTML页面之外，方便复用

• 引用外部js文件的script标签中间不可以写代码

  新建一个js文件，xxx.js

  html页面中通过script引入js文件

  <script src="./index.js"></script>

   

js注释

// 单行注释   ctrl+/
​
    /* 多行注释 alt +shift+a */

js输入输出语句

alert("浏览器弹出警示框")
        console.log("浏览器控制台输出信息")
​
        // 浏览器弹出输入框，用户可以输入，有确定和取消按钮
        prompt("输入一个数字")

变量

什么是变量

变量就是一个装东西的盒子（大白话）

变量是用于存储数据的容器，我们通过变量名获取数据，甚至数据可以更改

变量在内存中存储

变量是程序在内存中申请的一块用来存放数据的空间，类似我们酒店的房间，一个房间可以看作是一个变量

变量使用

1.变量声明

/* 
        var是js的关键字，用来声明变量的，用该关键字声明的变量，计算机会自动为变量声明内存空间，不需要程序员管
         name是程序员定义的变量名，我们要通过变量名来访问变量
        */
        var name;   //声明了一个名称为name的变量

2.变量赋值

// 2.变量赋值
        /* 
         把等号右边的值赋值给左边的变量，变量值就是程序员保存到变量空间里的值
        */
        name = "张三";   //给name这个变量赋值为 "张三"

3.变量初始化

 // 3.变量初始化
        var aa = 123;  //声明变量并赋值---称为变量的初始化

4.变量的扩展

/* 
        一个变量被重新赋值，原来的值会被覆盖，变量值将以最后一次赋的值为准
        */
        var bb = 123;
        bb = 44;

        // 同时声明多个变量  同时声明多个变量，只需要写一个var ，多个变量名之间用逗号隔开

        var  age =23,n=34,sex="男";

5.变量的特殊情况

     var cc;
        console.log(cc);   //只声明不赋值，默认值是undefined

        // console.log(dd);   //不声明 不赋值 直接使用   报错:dd is not defined

        ee = 45;
        console.log(ee);   //不声明 只赋值  45

6.变量的命名规范

• 由字母，数字，下划线，$组成，如：num01，_age, $axios…

• 严格区分大小写， var a 和var A 是两个变量

• 不能以数字开头

• 不能是关键字，保留字 var for if else while do ….

• 要有语义化

• 遵守驼峰命名法，首字母小写，后面单词的首字母要大写 myFirstName

数据类型

变量存储的数据，可以是各种类型的数据

分两类

1. 简单数据类型

Number数字

 // 简单数据类型
        // 1 Number 数字型
        var age = 23;   //整数
        var f =23.5 ;    //小数

        // isNaN() ---is not a number 判断变量是否为非数字的类型  非数字返回true ，数字返回false

        var usAge = 21;
        var isOk = isNaN(usAge);   //false
        console.log(isOk);

        var username = "lucy";
        console.log(isNaN(username));  //true

 

字符串

布尔类型

undefined和null

 

2. 复杂数据类型