JavaScript基础总结

知识点：
1.JavaScript简介；
2.JavaScript基础语法；
3.JavaScript函数；
4.JavaScript作用域；
5.JavaScript运算符；
6.JavaScript逻辑结构和循环语句；
7.JavaScript break 和 continue 语句。

一、JavaScript简介

1.js简介
    JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
特点：
①JavaScript 是脚本语言
②JavaScript 是一种轻量级的编程语言。
③JavaScript 是可插入 HTML 页面的编程代码。
④JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
2.js用法
（1）内嵌：在head或body中内嵌均可以，需注意代码是否报错。
使用script标签

<script type="text/javascript">

</script>
注：type="text/javascript"也可以不写

（2）引入：在head或body中引入外部文件。

<script src="js文件地址"></script>

3.js注释
（1）单行注释：//（快捷键：Ctrl+/）。

//注释内容

（2）多行注释：/* */ （快捷键：Ctrl+shift+/）。

/*
*注释内容1
*注释内容2
*/

二、JavaScript基础语法

1.js变量
（1）js字面量分为变量和常量
变量：存放可变化值的量。
常量：存放不可变化值的量。（如：pi=3.14）
（2）命名规则
①变量必须以字母开头；
②变量也能以 $ 和 _ 符号开头；（但是不推荐这么做）
③变量名称对大小写敏感。（y 和 Y 是不同的变量）
（3）声明变量
注： js中使用变量之前先声明变量，再初始化。
使用关键字var对变量进行声明。``

var carname;

变量声明之后，该变量是空的（它没有值）。
向变量赋值

var carname=10;

声明多个变量：

var a,b,c;

2.js数据类型
（1）数据类型：
①number数字型：数字可以带小数点，也可以不带：

var x1=34.00;      //使用小数点来写
var x2=34;         //不使用小数点来写

②boolean真假类型：只能有两个值：true 或 false。

var x=true;
var y=false;

③string字符串类型：字符串可以是引号中的任意文本。可以使用单引号或双引号

var carname="Volvo XC60";
var carname='Volvo XC60';

④undefined未定义类型：Undefined 这个值表示变量不含有值。

var carname=undefined;

⑤null类型：将变量的值设置为 null 来清空变量。

var carname=null;

⑥object对象类型：对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var carname={firstname:"John", lastname:"Doe", id:5566};

（2）js数据类型可分为两类：
①值类型：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
②引用类型：对象(Object)、数组(Array)、函数(Function)。
③两种类型区别：
值类型：存储在栈里面，使用空间固定，复制的是本身。
引用类型：存储在堆里，使用空间不固定，需使用指针引用，复制的是引用类型的指针。

三、JavaScript函数

1.函数：
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
关键字：function
定义规则：function 名称（）{ } ，（函数就是包裹在花括号中的代码块）
执行函数：函数名称 （）
注： 函数存在声明提前。
2.匿名函数：
匿名函数即没有名称的函数。（匿名函数没有声明提前）

console. log( fun);//undefined 变量声明提前
fun();  //fun is not a function
var fun1=function (){
        console.log("匿名函数执行");
    }

3.自执行函数

(function (){
        console.log("自执行函数运行");
    })();

4.函数参数
函数参数：参数分为形参和实参（传入的值）。
形参：可以发送任意多的参数，由逗号 (,) 分隔：

function myFunction(a,b,c) //a,b,c 为形参
{
代码
}
myFunction (1,"ab",true);  //实参

5.函数传参
（1）匿名函数传参：

var params = function(a,b,c,d) 
{
console.log (a,b,c,d);
}
params (10,"bcd",false,undefined);//控制台结果显示：10,"bcd",false,undefined

（2）自执行函数传参

(function(a,b,c,d) 
{
console.log (a,b,c,d);
} ) (1,2,3,4)
//控制台结果显示：1,2,3,4

6.参数列表对象 arguments
arguments 集合类型，也是数组型。
格式为key:value(键：值)key也称为索引。
7.带返回值函数
在使用 return 语句时，函数会停止执行，并返回指定的值。
return 值（值可以为任意类型）

function myFunction()
{
    var x=5;
    return x;
}

则函数会返回值5。
注： 整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方。

四、JavaScript作用域

1.全局变量
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。
2.局部变量
①在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。
②可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。
③只要函数运行完毕，本地变量就会被删除。
3.变量生命周期
全局变量：从定义开始直至当前页面关闭。
局部变量：从定义开始直至当前函数执行完成结果。

五、JavaScript运算符

1.js算术运算符
+（加），-（减），*（乘法），/（除法），%（取余），++（自增），–（自减）。
注： 自增和自减前置后置是不同的。
以y=5为例：

++（自增）
x=++y	运行结束x结果6	运行结束y结果6	
x=y++	运行结束x结果5	运行结束y结果6
--（自减）	
x=--y	运行结束x结果4	运行结束y结果4
x=y--	运行结束x结果5	运行结束y结果4

即：
前置：先自增（减），再运算；
后置：先运算，再自增（减）。
注：
①a+++b表示（a++）+b. 故不带括号时，从左往右走。
②字符串相加是字符串拼接。

var  s1="10";
var  s2="15";
console. log (s1 + s2);
运行结果显示：1015

2.赋值运算符
赋值运算符：=，+=，-=，*=，/=，%=；
a+=b表示a=a+b,其余均类似。
3.js比较运算符
比较运算符：>,<,>=,<=,!=
逻辑运算符：||（或），&&（与），！（非）
当满足条件时，返回true，否则false。
注： 数字0表示false，非0均为true。
4.判断
赋值：=
两边值相等，类型可以不同：==
两边值、类型均一致：===
不绝对等于（绝对不等于），即值或者类型有一个不同或者都不同时输出true：！==

六、JavaScript逻辑结构和循环语句

1.逻辑结构：
（1）if else语句（根据条件执行，可以相互嵌套使用）

if(){}
if(){}else{}
if(){}else if(){} esle{}

如果条件语句后边只有一句话可以简写 不写{}，如：

 if (false)
        console.log (1);
    else
        console.log (2);

（2）switch语句：用于基于不同的条件来执行不同的动作。
break：跳出当前结构，而并非结束。

var d=new Date().getDay(); 
switch (d) 
{ 
  case 0:x="今天是星期日"; 
  break; 
  case 1:x="今天是星期一"; 
  break; 
  case 2:x="今天是星期二"; 
  break; 
  case 3:x="今天是星期三"; 
  break; 
  case 4:x="今天是星期四"; 
  break; 
  case 5:x="今天是星期五"; 
  break; 
  case 6:x="今天是星期六"; 
  break; 
}

default 关键词：用来规定匹配不存在时做的事情。

ar d=new Date().getDay();
switch (d)
{
    case 6:x="今天是星期六";
    break;
    case 0:x="今天是星期日";
    break;
    default:
    x="期待周末";
}

2.循环结构
（1）for循环：（指定代码执行次数）
语法：for (声明变量; 条件; 自增或者自减)
{
被执行的代码块
}

for (var i=0; i<5; i++)
{
      
}

（2）while循环：只要指定条件为 true，循环就可以一直执行代码块。

var n=0
while (n<10){ n++ ; console. log (n);}

（3）do while 循环：
do while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。故：至少执行一次。

do
{
   执行语句
}
while (i<5);

七、JavaScript break 和 continue 语句

break 语句用于跳出循环。

for (var i = 0; i < 20; i++) {
       if (i > 10) {
           break;//根据条件直接终止循环
                   }
        console.log(i);
    }

continue 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）。continue 语句（带有或不带标签引用）只能用在循环中。

    for (var i = 0; i < 100; i++) {
        if (i % 2 == 0) {
            continue;
        }
        console.log(i);
    }