js三大组成部分

一，js三大组成部分

 （一）组成部分：

      （1）ECMAScript:代表了语言的标准，规范，描述了语言的基本语法和数据类型。

      （2）BOM:代表了浏览器。

            <1>描述了浏览器的使用和操作，被称为浏览器对象模型，抽象出的对象为Window.

            <2>通过Bom可以操做浏览器。

      （3）Dom:代表了页面。

              <1>描述了在浏览器中呈现给用户视觉显示的页面操作和使用，被称为文档对象模型，抽象出来的对象为Document.

             <2>可以操作页面中的元素，比如：增加减少div.......

  （二）js的编写与运行：

      （1）步骤：在磁盘新建一个文件夹，打开编辑器：新建项目，寻找新建文件夹路径，选择基础Html语法对勾；在编辑器工行区寻找文件夹；

      （2）运行：在打开方式选择要打开的浏览器；

      （3）将要运行的js代码，写在<script></script>里；<script></script>可以写在HTML任何一个地方；但是写在最后，可以解决很多问题；

      （4）document.write --------------打印在页面；  console.log-----打印在控制台；

      （5）一个文件中是否可以有多个js 文件：一个Html里有多个<script></script>标签，代码执行顺序自上而下；

      （6）引入方式：

            <1>页面里：在HTML里创建<script></script>标签；

            <2>页面外：在外部文件夹创建js 文件，在HTML里引入js文件<script src="文件路径" type=""></script>；

          【注意】在引入的script里不能够在写js代码；

（三） 注释：

         注意：为了学习方便，写内部，开发过程要使用外部.不能使用数字开头命名文件，不能出现文字。

       （1）Css中：/* */

       （2）Js中：<1>单行 ： //    <2>多行:  /* */

二，变量

  （一）变量---概念

      数据类型是检验数据合法性的必要条件；

       （1）变量指的是程序中保存数据的一个容器

       （2）是计算机内存中存储数据的标识符，根据变量名称可以获取内存中存储的数据。

  （二）声明变量：

        常量：在程序运行的过程中不能修改的值；  -----也称为字面量

        变量： 在程序运行的过程中能修改的值；

       （1）方式：

           <1>var ：告知编译器后面的标识符是一个变量；

               关键字： 已经被赋予功能的单词；

               var a;   a=20;  ------验证  alter(a)

           <2>声明的同时进行赋值：

               等号左值变量空间；右值变量值

               var name = "admin";  ----声明变量，将等号右侧的值变量解析后，存储。

             （*）var a;-----声明变量没有赋值，称为空变量。

      （2）变量命名规则：

           <1>必须语义化，

           <2>只能以字母，下划线（_）,$开头；不能与关键字重名。

               可以使用数字0-9 字母a-z;A-Z,下划线_,美元$符

               例如：var _;  var $; var abc ; var abc1;

           <3>不能有中文，拼音尽量不要用

           <4>区分大小写

           <5>尽量驼峰式，有多个单词组成，第一个单词后面每个单词首字母大写。

               大驼峰：var LastIndex

               小驼峰：var lastIndex

              （*****）一般情况下使用小驼峰，特殊场景下使用大驼峰，例如：构造函数

           <6>绝对不能使用关键字或保留字命名变量。

               (*只要单词有功能就不能用，一定要用就在单词前加前缀：XX_name)---功能，结构，页面，数据类型，开发者，公司名等

          关键字：已经被赋予功能的单词

          保留字：将要被赋予功能的单词

         （*）var var = 10------这个是错的，切记。。

     （3）如何显示计算机的执行结果

          <1>  alert  (要显示的信息或变量)---以弹出框的方式将结果显示出来，会暂停程序的执行。

          <2>  document.write (要显示的信息或变量)----将显示的结果打印在页面上    网页上将要显示的内容换行（document.write("</br>"）,能够支持Html标签。

例：document.write("<p>段落</p>"),   不要解析标签：

document.write("<p>段落二<p>"）........

          <3>  console.log(要显示的信息或变量)-----将显示的信息打印在控制台，不会阻止程序执行，不会解析Html标签，一次打印多个，一个console.log打印一行。

         总结：1，帮助程序员调试程序执行的结果。

               2，console.log最常用，因为alert会阻止程序执行，document.write影响页面布局。

三，JS的数据类型：

  （一）分类：基本类型，复杂类型

     1，分类：(基本类型)

        存储方式 ：

        （1）字符String:所有使用引号包裹的数据，引号包括：单、双、反引号------ "10"；  var a = "10";   console.log("")-----空字符

        （2）数值Number：0-9，NaN

             <1>NaN:不是一个数字的数值型数据，表示错误的数值运算。

                例如：hello-10

【区别】：在谷歌浏览器中，字符"0 "在控制台显示黑色，Number中0在控制台显示蓝色】

        （3）布尔值B oolean: false--假,  ture---真

        （4）undefined: undefined,表示没有值，或未赋值

            <1>例：var a =underfined;

                 var b;

                 console.log(a);

                 console.log(b)

                 console.log(undefined)

                结果全部为：undefined

                consloe.log(c)-----出现错误报错（not defined），c未定义

         <2>undefined:声明了但未赋值

   （5）null: null  表示为空，是一种状态,不能通过计算得到，直接设置

         <1>例：var a =null;   console.log(a)    -------null

          (*)总结（js中的三大特殊数据）：NaN,  underfined,  null

 （复杂类型）

（6）对象object:.........标志是花括号：{}      ---var obj = {};   console.log(obj)

 (7)  数组Array:.........标志是中括号:[]           ---var arr = [];   console.log(arr)

   (8)  函数function：.........标志是function   ----function fn{};  console.log(fn)

       等等........

  （二）检测：

       （1）teyeof方法：检测数据或者变量的类型

           【1】null类型：object,是空的对象;   NaN类型：数值(number)

          <1>例：var a = 10; consloe.log(typeof a)等同于consloe.log(typeof （a))