JavaScript基础

一、JavaScript概述

把body比作未装修的房子,css比作装修,那么JavaScript则是赋予这栋房子功能

二、JavaScript导入

• 内部导入

  #可以在的任何位置导入,但会产生一个问题就是先加载页面在加载功能,还是先加载完功能在加载页面
  
  

• 外部导入

  #在html中导入js文件
  
  #src中为js文件的路径
  

三、JS的一些基础语法

js的语法有一些类似于C语言

• js的数据类型

  js的数据类型为弱类型,不同于一些强类型的定义的时候需要用int,float,char确定他的数据类型,而js就不需要比如将a赋值数字或者字符串:
  
  var a=1
  
  var a=1.1
  
  var a="我是a"
  
  //var可有可无
  

• 运算符

  ++ 自增运算符,如i++,i每次加1
  -- 自减运算符
  #逻辑运算符
  && 或
  || 与
  #赋值运算符
  =,-=,+= 如a+=1,则a每次在原来的基础上加1
  

• 字符串拼接

  直接在两串字符串直接加个+号即可
  str1+str2
  

• 输出语句

  #在我们调试代码的时候经常要用到输出语句,很多语言中时用print,而js中用的是console.log()
  console.log("我是JS") // 在控制台输出我是JS
  

• 比较常用的语句

  #判断语句
  #单分支
  if(判断条件){
    
  }
  #双分支
  if(判断条件){
    条件成立执行
  }else{
    条件不成立执行
  }
  #多分支
  if(判断条件1){
    
  }else if(判断条件2){
    
  }else{
    
  }//else if 可有多个
  #循环语句for
  for(i=0;i<5;i++){
    
  }
  #循环语句while
  while(条件){
    
  }//条件成立的时候会一直在里面执行
  #switch case语句
  switch(表达式或者变量){
     case 常量值1：{
         语句1；
         break;
     }
     case 常量值2：{
         语句2；
         break;
     }
     case 常量值3：{
         语句3；
         break;
     }
     ...
     default:{
         语句
     }
  }
  #break和continue和return
  break通常用在循环或者switch中,终止当前层的循环
  continue通常用在循环中,结束这一次循环进入下一次循环
  return通常用在函数中,结束函数并返回return后面的值
  
  

• 函数

  #将一个功能封装在一个函数中,使用的时候通过函数名调用,简便了代码
    方式一: 使用function关键字
    function 函数名(参数列表){
      函数体
      返回值(可有可无)
    }
  
    方式二: 匿名函数
    var 变量名 = function(参数列表){
      函数体
      返回值
    }
  

• 定时器

  // 开启定时器
  var timer = setInterval( function(){},1000);
  // 关闭后定时器
  clearInterval(timer); 
  

• 延时器

  // 开启延时器
  var timer = setTimeout( function(){},1000);
  // 关闭延时器
  clearTimeout(timer); 
  

  ​

  ​