js第一天所学

JS是一种运行在客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能
浏览器就是一种运行JS脚本语言的客户端，JS的解释器被称为JS引擎，为浏览器的一部分

JavaScript 是由 ECMAScript，DOM 和 BOM 三者组成的。

ECMAScript: 定义了JavaScript 的语法规范,描述了语言的基本语法和数据类型
DOM (Document Object Model): 文档对象模型
- 有一套成熟的可以操作 页面元素的 API，通过 DOM 可以操作页面中的元素。比如：增加个 div，减少个 div，给 div 换个位置等
- API:
  - application programming interface 的简写;
  - 翻译：应用程序编程接口；大白话：别人写好的代码，或者编译好的程序，提供给你使用，就叫作api
BOM (Browser Object Model): 浏览器对象模型
- 有一套成熟的可以操作 浏览器的 API，通过 BOM 可以操作浏览器。比如：弹出框、浏览器跳转、获取分辨率等。

js书写规范

    1. 行内 不推荐, 了解即可, 因为 写法麻烦
       onclick 在 鼠标单击 元素的时候 会执行
       alert('hello world')    打开一个 弹窗框 弹出框内部的文本为 小括号内 引号包裹的内容
<input type="button" value="按钮" onclick="alert('hello world 2310')" />

注意:JS(script) 推荐书写在 body 标签的末尾，盒子之外（不要写在盒子里面)。
1. 内部, 必须书写在 script 标签内部, 二阶段大部分时间用这种方式
```
<script>
  console.log('如果你看到我这个文本, 说明内部的 JS 代码生效了')
 </script>
```
** 小括号内部可以书写一个变量(先欠着, 一会解释), 或者书写一个单引号包裹的内容, 它会将这个内容, 打印到浏览器的控制面板(控制台)**
1. 外部, 在代码量比较多的情况下(也就是在工作的时候) 好处是能够让单一的某一个文件内的代码量更少, 结构更加清晰
```
3.1 在某一个位置 新建一个 后缀为 .js 的文件
3.2 在 html 文件中 通过 src 属性, 引入刚才书写的 .js 文件
```

变量

JS的变量

什么是变量:变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据

 翻译:
     如果我 有 100万, 那么我肯定不会随时随地的背着100万, 因为背不动, 主要是 不方便
     如何能够让我方便的携带 100万呢?
     办一张银行卡, 存起来

深入解释

          开发的时候, 我们有的时候需要一些数据, 需要经常的使用, 比如说一个 数字 100
          但是如果我直接使用 数字 100, 非常不方便
          如何能够让我方便的使用  数字 100 呢?
           创建一个变量, 存起来  (定义一个变量, 存起来)
           所以简单来说, 变量就像是一个盒子, 能够帮助我们方便的存储一些内容
           如何创建一个变量?
          需要借助一个 JS 提供的关键字 var  
           语法: var 变量的名字 
          变量如何赋值 (就是给刚才办理的银行卡, 存钱)

          创建/定义/ 变量 
          var box;    // 创建一个变量, 变量的名字为 box (办了一张银行卡) 

          var num(使用一个 var 的关键字进行定义，后面必须加一个空格，空格后面自定义变量名);

          var str(同理);

变量赋值

                box = '100万' （等号在 JS 中叫做 赋值号；书写时，等号 = 两侧习惯书写一个空格）
            注意   赋值号的作用, 将符号右边的内容(值) 保存在 符号左边的 变量中 最后：console.log(box)   

          当box = '100万'   // 这行代码执行, 那么 box 的值就是 '100万'



          上边的代码相当于
              1. 办理一张银行卡
              2. 向银行卡内存钱
           其实在 JS 中还有一种方式 能够更简单的书写变量
            1. 办理一张银行卡, 并且 向银行卡内存钱
            (创建一个变量, 并直接向变量赋值)
            var box1 = '200万'
            console.log(box1)
        
        
          当 我们只定义了变量 但是没有赋值的时候 此时变量的值为 undefined
           var box2;
           console.log(box2) 
          ### 变量命名规则（必须遵守，不遵守会报错）

变量赋值写法变化

   变化1
     var b=a="a";//同时赋值，如果同时赋值冲突赋值给最前面的
     等号左侧只能是一个变量不能是表达式
     console.log(b,a); // a a
     
    变化2 
      // 逗号分割表示这一句话没有完成，var将会对a和b都起作用
     var a=5,b=6;
     console.log(a,b);//5，6
     
     变化3
    var a=4, // 逗号可删除不影响
        b=6;
        console.log(a,b);//4，6

变量命名

由字母、数字、下划线、$符号组成，不能以数字开头
字母区分大小写
不能是关键字和保留字
- 关键字指的是js中有特殊功能的小词语，比如var、for等
- 保留字指的是现在没有特殊功能，但是将来新语法中有可能作为关键字使用
变量命名规范（建议遵守的，不遵守不会报错）
变量名必须有意义
遵守驼峰命名法

1.01《 js初步认识与变量》

js第一天所学

JavaScript 是由 ECMAScript，DOM 和 BOM 三者组成的。

js书写规范

变量

深入解释

变量赋值

变量赋值写法变化

变量命名