Summary—【base】(JavaScript)

1贰、数据类型转化

   壹 隐式类型转化

   二 强制类型转化

1二.一 字符串转化为数字

    壹)隐式类型转化——只要将数字的字符串与0相减(加入运算加法运算除此之外)

    二) 强制类型转化——Number()   parseInt()  parseFloat()

     一Number方式转化后:原来的数字,假使数字背后跟有非数字的字符,那么转化战败。

     2ParseInt()方法转化后:保留的是整数有的,借使前面跟有非数字的字符,能转化成功。

     三ParseFloat(): 还是保留原来的数字,假设数字前边跟有非数字的字符,那么转化成功。

1二.二 数字转化为字符串

    一)隐式类型转化——通过prompt方法能够达成转化也许将最近数字和四个字符串相加

    二)强制类型转化—— String()  ;  变量.tostring()

1二.3 别的种类转化为布尔类型

一)隐式类型转化——通过取反面达成转化

二)强制类型转化—— Boolean();

 除0外全部的数据类型都转载为true  ,0 转化为false

17、数组

    壹) 数组的概念——Js中的数组是将随意数据类型(数字、字符、布尔值等),放在一块儿遵从一定顺序排练的聚众

   二)数组的三种概念格局

1 i)var   ary=new Array();
2 ii)var  ary1=[];

    3)数组二种私下认可值赋值方式

 i)// var  ary=new Array(1,2,4,"asdf");//创建数组同时赋值

     // alert(ary);

 ii)// var   ary1=[1,2,3,5]; // 直接输入一个数组(称“字面量数组”)

     // alert(ary1); 

    4)下标介绍——数组中兼有因素从0地方上马

    伍)通过下标格局赋值及取值

1 var   ary=[];
2 ary[0]=1 ;  数组的赋值
3 alert(ary[0]);  数组的取值

    6)length 属性介绍——数组名.length用来收获数组的尺寸(数组中富含多少个成分)

    柒)可经过for循环为数组赋值及取值

    8)数组合并方法concat介绍

                var newArray =  array.concat(ary);

    九)数组join方法介绍

                array.join();  // 暗许再次回到的是3个逗号,值是字符串

2、JS与HTML、CSS

    Html:  是用来塑造网页,简单来讲正是编辑网页结构。

    CSS:用来编排网页的体裁

    Javascript:   达成网页与客户之间相互的桥梁,让网页具有丰裕的活力

1陆、自增自减

        1) a++    ++a    在原本变量的根底上加一的操作;

        2) a–      –a    在原先变量的底蕴上减1的操作;

 当 a++ 出席到运算中,先将a的值赋值给变量,然后变量a再加一;

 当++a加入到运算中,先将a的值加壹然后将总括后的结果赋值给变量

六、相比运算符

        >    <    !=    >=    <=

    其结果:一种是true(正确的);一种是false(错误的)

9、逗号运算符

    var n一=1二三, n二=456;  //变量的公物申明

 

style=”color: #ff0000;”>补充:运算符的优先级(从高到低)

   style=”font-size: 一5px;”>——()优先级最高

    ——一元运算符  ++  — !

    ——算术运算符   先* / % 后 +

    ——关系运算符  >  >=  <
 <=

    ——相等运算符 ==   !=  ===  
 !==

    ——逻辑运算符  先&& 后||

壹五、逻辑结构

    一五.一 if…else条件分支

1  if(条件表达式)     条件表达式的结果必须为Boolean
2             {
3                   如果条件表达式的结果为true,那么执行这里面的代码
4           }else{
5                  如果条件表达式的结果为false,那么执行这里面的代码
6          }

   15.2 if…else
if…else嵌套

 1 if(条件表达式1)
 2  {
 3       结果为true 执行该处代码;
 4  }else if(条件表达式2){
 5    结果为true 执行该处代码;
 6  }else if(条件表达式3){
 7    结果为true 执行该处代码;
 8  }else{
 9 如果以上代码条件都不满足,执行该处代码
10 }

    15.3 switch

 1 switch(变量)
 2        {
 3         case 情况1:    //Case   后面的数据类型和switch里面的数据类型必须一致;并且可以作条件集体判断
 4     Js代码;
 5           break;
 6     case  情况2:
 7        Js 代码;
 8        break;
 9     default:
10        Js代码;      
11 break;
12        }

    15.4  while循环

        1)语法:

            开端化2个变量;

            while(循环体){}

        二)执行种种:

    当while条件表达式结果为true,那么直接会举办whlie循环体内的代码

图片 1

    15.5 do…while 循环

        一)语法结构:

1 do{
2        Js代码;
3    }while(条件);

        2)区别于while循环:

            do…while循环比while循环至少多执行壹次代码

    15.6 for循环

1 for(var a=1; a<=10; a++)
2     {
3         Js代码;
4     } 

图片 2

    15.7 break 与 continue 语句

        壹)break:直接跳出当前轮回

        二)continue:间接甘休此番巡回,进行下一回巡回

1 while(判断条件){
2         if(特殊情况){
3             continue;  // 循环代码;
4         }
5 }

七、JS中的运算符

+ 加

i)当五个Number类型的变量相加,结果为Number

ii)当一个Number类型的变量和1个String类型的变量相加,最终结果为字符串(加号起到的是接连的效益)

– 减

i)当多少个Number类型的变量相减,结果为Number

ii)当3个Number数据类型的变量和2个数字的字符串类型变量相减,最后的结果为Number类型

* 乘

结果与减法的结果同样

/ 除

结果同上,差距:当1个数字除以0最终的结果为
infinity(Infinity: 无穷大的数字)

%       取余

取得余数。

()     优先级

有括号先算括号内部的值

5、数据类型介绍

    5.一 不难数据类型

            ①Number类型:全部的数字(整数,小数,负数)

                表示方法:十6进制:以0x起先,同时以0—九只怕a(A)—f(F)

                                    八进制:以0开头,0—7组成

            二String(字符串类型):凡是用” “大概’ ‘引起来的都是字符串类型

                转义字符:\”     转双引号

                                   \’      转单引号

                                   \r      回车符

                                   \n      换行

            三Boolean(布尔类型): 取值唯有二种——true 和 false

            ④NULL:值为空

            5“ ” :空字符串

            陆undefined :未起始化——定义了变量未有给变量赋值

    5.2 复杂数据类型

           ①Object(对象)

            ②Array (数组)                  

18、函数(方法) function

——平时状态下,函数是到位一定功用的一段代码

        一)函数的概念:

                通过   function  +函数名+()  ===》函数的定义;

1  function  a()     /函数的定义
2       {
3   方法体;
4       }

       2)函数的调用:

                a(); // 间接写上艺术名就能够完成格局的调用

1叁、逻辑运算符

——注意:逻辑运算从前,必须是多个Boolean类型的多寡举办 ||  && ! 运算

    13.1  ||  或 

 壹)倘若有一个结果为false 和3个结实为true实行或运算 结果为: true

 二)假如五个结实都为false ,  结果为false

 叁)若是八个结果都为true,实行或运算后结果为 true

结果1 结果2 || 运算结果
true true true
true false true
false true true
false false false

    13.2  && 且

结果1 结果2 && 运算结果
true true true
true false false
false true false
false false false

    13.3    !非

        1)假使为true     非运算后  结果为false

        2)要是为false    非运算后 结果为true

1壹、数据类型判断

——typeof(变量)  直接拿走变量的数据类型

    一NaN(not a number):number数据类型

    2变量的取值为null:  变量的数据类型object

    三undefined取值的变量或许变量未赋值:
数据类型为undefined

    4infinity:
数据类型属于number类型

十、Math对象格局利用

    Math.ceil()   结果:整数  未有对数字进行肆舍五入

    Math.floor()  结果:整数  未有对数字进行四舍伍入

    Math.max(n一,n2);     重返多少个数字的最大值

    Math.min(n一,n二);      再次来到多少个数字的最小值

    Math.pow(n一,n2)  再次来到数字的三遍方

    Math.round(n2)       四舍5入

    Math.random()       随机数

四、JS语法规范

    四.一 js书写地点

        一与css类似,直接嵌入到html页面中,放到页面中任何四个职位都足以。

     
  2文书调用:JavaScript代码写到另贰个文书个中(其后缀经常为“.js”),然后用格式为“<script
src=”javascript.js”></script>”的符号把它放到到文书档案中。

    四.二 基础知识

        图片 3

    4.3 注释语法

           // 单行注释 ;    
  /**/  多行注释
; 急迅键:ctrl+/   

   4.四 表明变量

          壹变量定义:       var 自定义名称;

          2变量的赋值:    通过“=”复制运算符给变量赋值

          3变量的命名规范:

              一)不可能选用纯数字定义,并且不可能以数字先河;

             
二)无法使用特殊字符定义变量也许以特殊字符开端,下划线_除外

              三)无法运用重要字定义

              肆)不引入应用汉字定义

              5)不引入应用保留自定义变量

              陆)JS中严刻区分字符大小写

八、等号运算符

运算符 含义
= 赋值运算符
== 等于,判断变量是否相同,不关心数据类型是否相同,只关心内容是否相同
=== 全等,不仅判断内容是否相同,还要判断数据类型是否一致
!= 不等于,判断的是内容,不考虑数据类型
!== 不全等于,判断的是内容和数据类型

1、认识Js

    一.1 Js正是壹门运转在客户端浏览器的本子编制程序语言

    1.2 组成

           ECMAScript:Js的语法标准

           DOM:JS操作网页上的成分的API(应用接口),即操作网页

           BOM:JS操作浏览器的一对作用的API,即决定浏览器

    1.3特点

        壹粗略易用

     
  二诠释实施(解释语言):JS源代码是间接通过JS引擎执行的,并且是逐行解释实施

        叁依照对象

1四、雅士利运算符

   1四.壹 语法结构——条件表明式?结果一:结果2

   14.2
含义
——问号前边的职位是判断的规则,判断结果为Boolean型,为true时实践结果一,为false时举行理并了结果贰。可作为是
if….else… 的另1种写法

叁、JS执行进度中的小原理

 
  一)html页面中冒出<script>标签后,就会让页面暂停等待脚本的剖析和履行。

 
  2)无论当前脚本是内嵌式依旧外链式,页面的下载和渲染都必须停下来等待脚本的进行到位才能继续,那在页面包车型客车生命周期中是必须的。

 例如:通过外链式js文件查看加载速度。