当前位置: 首页 > news >正文

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)
 


http://www.mrgr.cn/news/71997.html

相关文章:

  • 股指期货的套保策略如何精准选择和规避风险?
  • 关于Java合并多个Excel中的数据【该数据不是常规列表】,并入库保存的方案
  • 使用 Excel 的功能来快速在 TXT 文件中添加一列零
  • ARM(安谋) China处理器
  • PHP Explode 函数详解
  • linux,一、部署LNMP环境二、配置动静分离三、地址重写四、编写systemd Unit文件
  • AI文献搜索工具:Lumina
  • 绿色未来之光:光伏发电的优缺点
  • git切换分支的时候,该分支内容被带到另一被切换分支!!!!
  • 深入理解 cached plan must not change result type 原理及解决办法
  • 使用Python查询数据库并生成报告的全流程指南
  • Jmeter中的定时器(二)
  • CSMA/CD和CSMA/CA
  • 【代码随想录day28】【C++复健】122.买卖股票的最佳时机II ;376. 摆动序列;53. 最大子序和
  • (67)RLS滤波器用于信道均衡时的判决引导(Decision-Directed)自适应模式的MATLAB仿真
  • rust高级特征
  • 基于微信小程序的养老院管理系统的设计与实现,LW+源码+讲解
  • Qt---双缓冲绘图
  • 【bat】自动生成指定层级文件夹
  • pytorch奇怪错误
  • 数字信号处理Python示例(12)生成Chirp(线性调频)信号
  • 实验27:lcd12864液晶显示实验
  • CAN总线位同步的使用以及总线仲裁规则详解
  • 基于YOLOv5的人群密度检测系统设计与实现
  • 跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架2.0
  • 常用数字器件的描述-时序逻辑器件的描述