js：介绍与入门、语句、运算符、数据运算--第一天

# 二、JavaScript

1、网页组成

    - html：超文本标记语言，是网页的及结构

    - css：层叠样式表，是网页的修饰

    - javascript：脚本语言，是网页的行为

2、JavaScript：ECMA:的规范

3、JavaScript的组成

    - 规范：ecmascript，规定了代码写法、关键字有哪些，提供了什么功能

    - DOM：文档对象模型，document，表示网页中的所有内容

    - BOM：浏览器对象模型，window 表示浏览器的内容

    - 关系：ecmasript规定了在BOM中如何控制操作DOM

# 三、js写在哪里

1、行内：标签内部行为属性（onclick，ondblick）

    - 不会自动执行，必须通过行为触发

    - 结构和行为没有分离，不方便标签之间的功能的复用和维护

2、内部：script标签内

    - 可以不需要通过行为触发，会自动执行

    - 结构和行为没有完全分离，不方便多个页面的功能的复用和维护

3、外部：js文件，在html中使用script标签的src属性引入

    - 可以不需要通过行为触发，会自动执行

    - 结构和行为分离，方便功能的复用和维护

4、执行顺序：

    - 先写的先执行，需要行为触发的，必须要在行为触发之后才行为

5、注意

    <!-- - 错误写法：既有内部又有外部，合二为一，只使用一个script标签 -->

# 四、js的打印语句

1、打印语句：将计算机的执行结果呈现给用户

2、以弹出框的形式打印

    - alert（“要打印的信息”）

    - 属于BOM的功能

    - 阻塞程序执行

3、打印到网页中

    - document.wite（'要打印的信息'）

    - 属于DOM的功能

    - 不会阻塞程序的执行

    - 影响网页的正常使用

4、打印到控制台

    - console.log（‘要打印的信息’）

    - 属于浏览的渲染引擎（js的编译）、属于控制台的功能（浏览器的js编译和解析引擎v8）

    - 不会阻塞程序执行

    - 不会影响网页的正常布局

    - 静默打印，推荐使用的打印方式

5、prompt("弹出框填写")

# 五、数据类型

1、根据不同的数据的特点，划分出不同的类型，计算机分门别类的处理

2、类型

    - 字符（string）：所有使用引号包裹的数据，单、双、反引号，表示了数据最原始的格式，是元数据的一种。

    - 数值（number）：表示数字，包括：0~9 ，NaN

    - 布尔（booler）：表示真或假，包括：true，false

    - 对象（object）:数据的打包，多个数据的集合，一般使用中括号[]或者花括号{}

    - 函数（function）：表示实现了某个功能的代码段的打包，一般使用function（）{}表示

    - undefined：定义了但未赋值，值就是undefined

    - null（object）：空，空指向，空地址，值就是null

3、数据类型的检测

    - 关键字：typeof

        - typeof 要检测的数据

        - typeof （要检测的数据）

    - 执行的结果就是数据类型的单词

    - typeof检测null时得到的时object的单词，typeof无法检测null

# 六、变量

1、变量：用来存储数据的容器，不同的变量存储不同的数据。根据存储数据类型的不同，变量的类型也不同。

2、创建变量

    - 关键字 var

    - 语法：var 变量名

3、赋值

    - 等号： =

    - 等号左边时变量，等号右边是其他变量

    - 语法：var box = “hello”

    - 将右侧的数据或者变量，存储在左侧的变量中

    -

4、变量名的规则

    - 声明时立即赋值

        - var abc = 123；

    - 声明多个变量并赋值

        - var abc，qwe=10，asd= 123，zsd；

5、变量名的使用规则

    - 必须使用字母或者下划线或$开头，变量中不允许出现特俗字符

    - 不许使用关键字

    - 尽量语义化

    - 尽量使用数据类型的首字母做前缀

    - 组合单词

        - 大驼峰：从第一个单词的首字母开始大写

            - 构造函数

        - 小驼峰：从第二个单词的首字母开始大写

            - 一般常见的普通变量

    - 小技巧：使用个性化的前缀避开敏感关键字和保留字

# 七、数据运算 - 运算符

1、算数运算符

    -  +  -  *  /  %

    - + :两边只要有一边是字符，运算过程就是字符串的拼接，结果必然是字符型数据

    - -  *  /  %：绝对会将两边数据，先转成数值，再进行运算（能转则转，不能转则得到NaN）

2、比较运算符（关系运算符）

    - > <  ==  ===  >=  <=

    -

    - 字符的比较规则：两边只要有一边是数值，另一边转成数值，再进行运算

                    ：两边都是字符，字符的比较规则：逐位按照字符编码进行比较

                    - `a~z：97~122`

                    - `A~Z:65~90`

    !==  === 没有数值转换，比较数据和类型

    - 两边都是字符，字符的比较规则：逐位按照字符编码（ASCII）进行比较

    - 运算结果为布尔值

3、逻辑运算符

    - 或||，且&&，非!

    - 一般用来运算布尔，得到的结果一般也是布尔

4、赋值运算符

    -  = ， += ，-= ， *= ，/= ，%=

   

5、计算顺序（优先级）：算术>比较>逻辑>赋值