JS课件1

2017-05-24  本文已影响0人  蓝钻之魅

变量:用来记录字符,数字以及其他东西的而且表示这些东西的东西


变量的使用

1.声明变量

var a;

2.赋值变量

a=3;

3.使用变量

alert(a);

1声明变量和赋值变量可以写在一起,叫做变量的定义

var a = 10;

2.使用变量

alert(2);

2.1通过控制台打印输出

console.log(a);

2.2变量定义可以写在一行

var a = 10, b = 20, c = 30;

3变量命名

1.变量命名:从语法意义上的规范:只能以数字.字符下划线以及$符号组成,不能以数字开头,不能喝保留字重名

2.从形式上:变量是一他的实际意思的英文命名,而且采用驼峰命名法,如果一个变量是由有多个单词组成,那么从第二个单词的第一个字母要大写  eg:lastName

var a = 10;

var _= 20;

var $ = 30;

var a_3 = 20;

4.变量的类型

4.变量的类型

种类:1.数值 2.字符 3.布尔 4.对象 5.未定义

//数值

var num_1 = 20.1;

var num_2 = 30;

console.log(typeof num_1);

console.log(typeof num_2);

//2.字符:单凡用单引号引起来的都是字符

var sym_1 = '20';

var sym_2 = '30';

console.log(typeof sym_1);

console.log(typeof sym_2);

//3.布尔,就是判断值,只有两个值 一个true,一个false

var flag_1 = true;

var flag_2 = false;

console.log(typeof flag_1);

console.log(typeof flag_2);

//4.对象类型

var obj = null;

console.log(typeof obj);

//5.未定义类型:凡是系统无法识别的类型就是未定义类型

var und = undefined;//var und;

console.log(typeof und);

5.运算符的认识

1.运算符:用来连接变量的符号就是运算符

//种类:1.算术运算符 2.关系运算符 3.逻辑运算符

2.提升优先级(用括号)

3.关系运算符(>_<)

3.1关系运算符的结果都是布尔值

  console.log(num1 < num2);

3.2>=满足其中一个条件即可

3.3等于(==)比较的是值相等,全等(===)比较的是值和类型相等

3.34关系运算符不能连续使用

4.逻辑运算符的认识 &&, ||, !

5.数据类型和布尔值之间的转化

5.1对于数值类型来说,只有0转化成布尔是false

5.2对于字符类型:只有空字符是false

5.3对于对象类型如果是空对象,那么他是false

var obj = null;

console.log(Boolean(obj))

5.4未定义类型都是false

6.布尔类型转化数字

var flag1 = true;

var flag2 = false;

console.log(Number(flag1));

console.log(Number(flag2));

//对于布尔类型转化成数值,true对应的是1,false是0

7.优先级

算术运算符>关系运算符>逻辑运算符(&&>||)

8.if

if{判断条件1  }else{    };

if{ 判断条件1  }else i{    }else if{    }else{    };

多重if语句的阻断现象-----对于多重if语句,阻断现象:如果一个条件判断成立,那么后面所有的条件都不会判断执行;

阻止阻断现象就是直接去掉else--

-if{  判断条件1  }if{    }else{    };

9.switch语句

switch:switch(变量或者值){case '值1':如果符合值1执行代码 break; case '值二':如果值二满足条件就执行代码;break

//    default:如果都不满足就执行代码

var weekDay = 0;

switch (weekDay){case 0:alert('星期日');break;

case 1:alert('星期一');break;

default:alert('不是对应的日期');

     };

10.循环语句

for(初始化条件;终止条件;变化值){每次循环执行的代码}

for(var i = 0; i <= 100;i ++){  console.log(year);    }

//循环的本质:首先根据初始化条件,然后和终止条件判断,如果符合终止条件,就执行大括号中的代码,然后根据变化值让对应的值进行变化,继续和终止条件判断,如果符合就继续执行大括号中的代码,知道终止条件不满足,停止循环

10.1嵌套if语句

11.死循环

for(vari =0;true;i++){console.log(i);}//一般实际开发中不能写死循环

12.while循环

while:while(判断条件){如果条件成立就执行这里的代码}

13.函数的认识

1.函数:就是一堆代码的集合用来说明某一个功能

函数使用 1.定义函数 2.调用函数

1.function 函数名(){

}

调用函数(必须回调)eg:函数名()

2.var 函数名=function(){

}

函数名()

14.函数的参数

函数的参数:根据实际需求可能在函数中使用的变量

//函数参数类型:形式参数简称形参:在函数定义的时候放在小括号中的变量就是形式参数

//实际参数:简称实参:就是在函数调用的时候传入的实际的值

function sum(a,b) {//a,b是形参,可以是任何值

alert(a + b);

}

sum(1,2);

15.函数的返回值

15.1使用return可以把函数的值返回

15.2在函数中如果使用了return,会直接结束函数,rerun后面的代码都不会执行

function sum(a,b) {return  a + b;}

var result = sum(100,100);//2.调用函数

console.log(result);

if(result >100) {  alert('你们花费太多' ) }else{  alert ('大家下年继续努力花');}

16.函数参数传递的时候的一些特点

函数实参可以和形参不一样,而且可以返回对应的结果,如果实参大于形参,会把对应的多出的参数去掉,显示最终的结果

function sum(a,b) {

console.log(sum.length);//形参

console.log(arguments.length);//实参

return a + b;

}

var result = sum(5,5,6,7);

console.log(result);

17.变量

变量根据位置的分类

var num1 = 20;

function showMessage() {  var num1 = 30; console.log(num1);  }

console.log(num1);//20

   showMessage();//30

变量根据位置的分类:

全局变量:定义在函数外面的变量就是全局变量 ;局部变量:定义在函数内部的变量就是局部变量

//局部变量的作用域:就是只是在函数体的内部起作用

//全局变量:在页面中都起作用

变量访问(使用)的原则

:就近原则,就是如果在函数中访问一个变量,那么会先看函数中有没有定义这个变量,如果有,就访问这个这个变量,如果没有,就去页面中找,如果页面中也没有,就返回没有定义

变量声明的提升

如果在函数中访问了一个在函数访问之后定义的变量,那么会把这个变量的声明提升到函数的最前面。

function showM() {

var num;//提升

console.log(num);//undefined;   var num = 100; //本身  console.log(num);//100     }

showM();

18.常见数学函数的认识

1.转化整数的函数

注意:parseInt会只是截取整数部分,不管小数是什么,都不用管,而且可以截取数值字符,只是截取数值部分其余不管    ------数值字符第一个字符必须是数字

var num1 = 5.8;

var num2 = parseInt(num1);

console.log(num2);//5

var sym = 'px5';

console.log(parseInt(sym));//nan

2.求一个数字的几次方的函数,表示3d的三次方

var num3 = Math.pow(3,3);

console.log(num3);//27

3.求平方根,只是求出正的平方根

var num4 = Math.sqrt(25);

console.log(num4);//5

4.弹出输入框,这个函数会返回输入的内容,这个函数的返回值永远都是字符

var result =  prompt('请输入内容');

console.log(result);//null

console.log(typeof result);//object

5.四舍五入函数

var num5 = 4.1;

console.log(Math.round(num5));//4

上一篇下一篇

猜你喜欢

热点阅读