JavaScript笔记

1.输出语句

---

• window.alert() ：将内容写入警告框，window.可以省略不写。
• document.write()：将内容写入HTML文档并输出。
• console.log()：将内容写入浏览器控制台。

2、变量

（1）使用var关键字声明变量：

• 作用域：全局变量。
• 变量可以重复定义。

（2）使用let关键字声明变量：（es6中新增的定义变量方式）

• 作用域：局部变量。
• 变量不能重复定义。

for (let i = 0; i < 10; i++) {
    console.log(i);
}

（3）使用const关键字声明常量：(只读变量)

// 定义常量
const PI = 3.1415926;
PI=3;
console.log(PI); // 常量声明之后不允许改变

const NAME;
console.log(NAME); // 常量一但声明必须初始化，否则会报错

3、 数据类型
JavaScript中数据类型分为两类：原始类型 和 引用类型 。

原始类型（Primitive）：

number：数字（整数、小数、NaN(Not a Number)）。
String：字符、字符串（单双引号都可以）。
boolean：布尔。（表示的值有：true和false）
null：对象为空。
undefined：当声明的变量还未被初始化时，该变量的默认值是undefined。
BigInt和Symbol。
引用类型（Reference）：Object（Array、Function）。

可以使用typeof运算符获取该变量的数据类型。

// number
var age = 20;
var price = 99.8;
console.log(age + "\t" + typeof age)
console.log(price + "\t" + typeof price)


//string
var ch = 'a';
var name = 'tom';
var addr = "北京";
console.log(ch + "\t" + typeof ch)
console.log(name + "\t" + typeof name)
console.log(addr + "\t" + typeof addr)

// boolean
var flag1 = true;
var flag2 = false;
console.log(flag1 + "\t" + typeof flag1)
console.log(flag2 + "\t" + typeof flag2)

//null
var obj = null;
console.log(obj + "\t" + typeof obj)

//undefined
var a;
console.log(a + "\t" + typeof a)

4、运算符

一元运算符：++ 、–。
算术运算符：+ 、- 、* 、/ 、% 。
赋值运算符：= 、+= 、-= 、*= 、/= 、%= 。
关系运算符：> 、< 、>= 、<= 、!= 、（等于）、=（等值等型）、!==（不等值或不等型）。
逻辑运算符：&& (逻辑与) 、|| (逻辑或) 、! (逻辑非)。
三元运算符：条件表达式 ? 值1 : 值2。

• ==
  

  ：

  1. 判断类型是否一样，如果不一样，则进行类型转换。
  2. 再去比较其值。

• ===
  

  ：(js 中的全等于)

  1. 判断类型是否一样，如果不一样，直接返回false。
  2. 再去比较其值。

var age1 = 20;
var age2 = "20";

alert(age1 == age2);// true
alert(age1 === age2);// false

5.if 语句：

var count = 3;
if (count == 3) {
    alert(count);
}

switch 语句：

var num = 5;
switch (num) {
case 1:
alert(“星期一”);
break;
case 2:
alert(“星期二”);
break;
case 3:
alert(“星期三”);
break;
case 4:
alert(“星期四”);
break; default: alert(“输入的星期有误”); break;

for 循环语句:

var sum = 0;
for (let i = 1; i <= 10; i++) { //建议for循环小括号中定义的变量使用let(局部变量)
    sum += i;
}
alert(sum);

while 循环语句：

var sum = 0;
var i = 1;
while (i <= 10) {
    sum += i;
    i++;
}
alert(sum);

do-while 循环语句：

var sum = 0;
var i = 1;
do {
    sum += i;
    i++;
}
while (i <= 10);
alert(sum);

6、函数
函数：就是被设计为执行特定任务的代码块。（类似Java中的方法）

JavaScript 函数通过 function 关键词进行定义。

6.1、函数定义

第一种方式：

function 函数名(参数1,参数2,..){
    要执行的代码
}

第二种方式：

var 函数名 = function(参数列表){
    要执行的代码
}

注意：因为JavaScript是弱类型语言，所以他的形参不需要数据类型（因为每个参数前面加上 var关键字 也没有任何意义，不能表达具体类型），返回值也不需要定义类型，可以在函数内部直接使用 return关键字 返回即可。

function add(x,y){
    return a+b;
}

6.2、 函数的调用

函数名称(实际参数列表)

function add(x,y){
    return x+y;
}

var sum = add(11,22,33);
console.log(sum);//33
// 将数据11传递给变量x,将数据22传递给变量y,而数据33没有变量接收

注意：在JavaScript中，函数调用可以传递任意个参数。
如果实参的个数大于形参的个数，会取到形参的个数。
如果实参的个数小于形参的个数 ，多于的形参定义为undefined，最终的结果就是 NaN。