JS课件1

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


变量的使用

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,802评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,109评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,683评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,458评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,452评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,505评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,901评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,550评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,763评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,556评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,629评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,330评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,898评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,897评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,140评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,807评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,339评论 2 342

推荐阅读更多精彩内容

  • 函数声明和函数表达式有什么区别 (*)解析器会率先读取函数声明,并使其在执行任何代码之前可以访问;函数表达式则必须...
    coolheadedY阅读 382评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,715评论 2 17
  • js简介 Js是一种基于事件和对象驱动的解释性、松散性的语言。 一切皆对象 javascript 布兰登艾奇 ...
    塔库纳玛哈哈阅读 1,189评论 0 2
  • 一、数组 数组是一个有序列表,所以有下标. 并且数组在js中可以存在任意类型的数据.并且同一个数组中可以存放不同的...
    空谷悠阅读 503评论 0 1
  • 7月27日至30日,很开心有机会来到上海参加第15届ChinaJoy,也是去年入职公司后才知道有这么一个盛会,之前...
    进击的安酱阅读 1,042评论 0 1