2021-03-02

if

变量名

开发者起的一个名字

注意

1.不能使用关键字 定义变量名

2.不能以数字开头

3.不能以特殊符号开头

4.定义变量名要有意义

驼峰命名法

第一个首字母小写其他首字母大写

下划线命名法

意义

变量名

开发者起的一个名字

外号

标记

值

具体内容

数字

文字(字符串)

数组

对象

由名字 表示 后面的值

子主题 1

3.注释

单行注释

Ctrl+/

多行注释

Ctrl+shift+/

没实际意义,不会去执行

只让开发者看到

不让浏览器看到,屏蔽了浏览器

4.调试

按F12(右键检查元素)->console

数据类型

Number 数字类型

包含浮点和整数

String

字符串类型“”或者"包裹的都是字符串

boolean

波尔类型

true

对

false

错

Array 数组

Object 对象

Function 函数

数据类型的转换

字符串 转数字

转整数

parselnt()

转浮点

parseFloat()

如何使用小数?

精度丢失

不要直接使用小数

非要使用

1.乘以100(精准的级别)倍

2.运算完毕 再还原倍数

运算符

算术运算符

+

-

*

/

%

复合运算符

+=

var a =10;

var b = 20;

a =a+ b

a += b

-=

var a =10;

var b = 20;

a- =a+ b

*=

/=

%=

++

自己给自己增加一个一

--

自己给自己减少一个一

自增自减运算符

比较运算符

结果

就是一个Boolean类型的值

true

false

>

<

>=

<=

==

忽略数据类型

1与“1”认为是相同的

===

严格查看数据类型

1与“1”认为是不相同的

必须类型与值都相同

!=(不等于)

1 “1”

假的

!==

1 “1”

真的

逻辑运算符

与&& (两个and符)

所有条件 都必须满足 才算真的

或||

只要有一个条件满足 就是真的

非!

黑白颠倒

对的就是错的 错的就是对的

/*

* 表示真的值

* true

* 1

* 有内容的字符串“xx”(不是空字符串)

*(存在值的)有值的对象

*

* */

/*表示假的值

* false

* 0

* null

* undefineded

* NaN

* 空字符串“ ”

* */

三元运算(三目运算)

经常代替if else语句

if(睡觉){

做梦

}else{

掌握三元运算

}

三元运算

睡觉?做梦:掌握三元运算

条件?满足执行:不满足执行

必须 数字与 数字之间 运算

输入内容

prompt() 弹窗

输出

console.log(a);//日志

console.warn(a);//警告

console.info(a);//详细信息

调试方式

1.console.log(a);//日志

2.断电调试(至少是半个大神级别才会)

在程序中 打点 阻止继续执行

调试流程

1.先通过经验 定位到 大概错误位置

2.打开浏览器中的sources

3.点击要调试的文件(js)

4.在怀疑有错误的地方 点个点(打断点 在数字位置)

5.程序重新运行会在断点位置停止

->鼠标移动到断点上面的变量

->就会显示变量的值

6.如果继续排错 可以打多个断点

通过播放键 跳到下一个断点

通过下一步 执行下一步代码

分支结构

if语句

if(条件){

}

if(条件){

}else{

}

if(){

}else if(){

}else{

}

switch

选择其中的某一个点子(case)

switch(变量){

case值1:

break;

case值2:

break;

default:

}

break不是强制添加的 如果不添加break 程序会继续走下面的条件

循环结构

知道循环次数

for

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

循环体;

}

for()中的各个语句的含义

var i=0; 初始化变量

i<5; 循环的条件

i++;更改变量的值

不知道循环次数

while

while

while(条件){循环体}

do while

do while

不管条件 满不满足 先执行一次循环

循环相关的关键字

continue

从continue的位置开始 跳过本次循环

continue前面不会跳过

for (var i=1;i<=100;i++) {

console.log("晕晕晕");

if (i===33||i===55||i===72) {

continue;

// 从continue的位置开始 跳过本次循环

}

console.log(i);

}

break

跳出循环

函数

具备某些功能的工具

四种类型

无返回值

带参数

不带参数

var 函数名 = function函数名(){}

function函数名(){}

函数名()

整体

有返回值

带参数

不带参数

返回值

带返回值的函数是什么?

返回值 是什么 函数就是什么

1

function x(){return 1}

return 值;(return 后面加个值)

return

放到函数中

return 值;

有返回值的函数

return ;

跳出函数

组成

声明函数

function函数名(){}

调用函数

函数名()

内置函数

console.log();

console.log() 方法用于在控制台输出信息。

该方法对于开发过程进行测试很有帮助。

alert()

alert() 方法用于显示带有一条指定消息和一个 确认 按钮的警告框。

Math.random();

随机数

prompt()

prompt()方法用于显示可提示用户进行输入的对话框。

封装

编程思想

参数

形式参数

形参

没有实际意义

代表着 即将传进来的实参

实际参数

实参

是 实实在在的一个值

返回值

带返回值的函数是什么?

返回值 是什么 函数就是什么

1

function x(){return 1}

return 值;(return 后面加个值)

return

放到函数中

return 值;

有返回值的函数

return ;

跳出函数

作用域

概念

变量起作用的范围

局部变量

作用域 只在定义的函数体 里面,在函数体外面是不可以使用的

全局变量

子主题 1

自执行函数

作用域的问题(防止多个js文件间 变量互相影响)

作业

面试题

作业

回顾

1.

变量的定义

值可以被更改的量 叫做变量

公式:var 变量名 = 值;

var a = 30;

a = 10;

a = 25;

2.

数据类型

数字Number

数字

字符串转数字

parseInt()

整数

parseFloat()

浮点

如

var s = "3.1415926";

document.write(parseInt(s));

document.write("<hr>");

var s = "3.1415926";

document.write(parseFloat(s));

document.write("<hr>");

字符串String

“”

‘’

数字转字符串 +

拼接字符串

+

波尔Boolean

true

非0数字

123

-123

非空字符串

“有内容”

“ ”

有值的对象

var a = {s:12}

var b = [12,3]

var c = function(){}

false

0

NaN

undefined

null

""

函数Function

匿名函数

var a = function(形参列表){函数体}

function 函数名(形参列表){函数体}

数组Array

对象Object

3.

运算符

a.算术运算符

+

var a = 1+1;

-

var a = 1-1;

*

var a = 1*1;

/

var a = 1/1;

%

var a = 1%1;

b.复合运算符

+=

var a = 10;

a = a+5;

var a = 10;

a += 5;

-=

var a = 10;

a -= 5;

*=

var a = 10;

a *= 5;

/=

var a = 10;

a /= 5;

%=

var a = 10;

a %= 5;

++

--

加加减减在前 先做自增减 再做其他运算

var a = 30;

var b = a++ + 40;//a 是30

console.log(a)//31

c.逻辑运算符

逻辑与&&

两边条件都满足 -> true

只要有一个条件不满足 就不成立 -> false

逻辑或||

两边条件 只要有一个满足 -> true

两边条件 都不满足 -> false

逻辑非!

对的加上感叹号 -> false

错的加上感叹号 -> true

d.比较运算符

>

>=

<

<=

==

忽略数据类型

1 == “1” --->true

===

绝对等于 区分数据类型

1 === “1” --->false

!=

!==

对比之后的结果 -> boolean类型的值(true false)

三元运算(三目运算)

经常代替if else语句

if(睡觉){

做梦

}else{

掌握三元运算

}

三元运算

睡觉?做梦:掌握三元运算

条件?满足执行:不满足执行

大于18岁?结婚:不结婚

4.

分支结构

if

if(条件){条件满足执行}

if(条件){条件满足执行}else{条件不满足执行}

if(条件){条件满足执行}else if(条件){条件满足执行}else{条件不满足执行}

switch case

switch(变量){

case 值1:

满足这个case执行代码

break;

case 值2:

满足这个case执行代码

break;

default:

所有case都不满足 执行

}

5.

循环结构

for

知道循环次数的时候用

for(var i=0;i<99;i++){循环体}

var i=0; 初始化变量

i<99; 循环的条件

i++;更改变量的值

while

不知道循环次数的时候用

while

while(条件){循环体}

//1 表示true 肯定满足

while(1){

var num = parseInt(Math.random()*11);

if(num===10) {break;}

}

do while

不管循环条件是不是满足,都会先执行一次

do {循环体}while(条件)

关键字

continue跳过本次循环

breakt跳出循环

6.

函数

创建函数

function函数名(形参列表){函数体}

调用函数

函数名(实参列表)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • javascrpit 基础语法 1.语句:通常一行代码如果添加了分号 认为这是一条语句使用分隔 2.变量:目的:通...
    言术阅读 512评论 0赞 2
  • 1、js是什么 js是可以嵌入到html中,是 基于对象 和 事件驱动 的 脚本语言 特点: (1)交互性 (2)...
    Sunflower_ca62阅读 452评论 0赞 1
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    余生动听阅读 11,081评论 0赞 11
  • 彩排完,天已黑
    刘凯书法阅读 4,698评论 1赞 3
  • 没事就多看看书,因为腹有诗书气自华,读书万卷始通神。没事就多出去旅游,别因为没钱而找借口,因为只要你省吃俭用,来...
    向阳之心阅读 5,119评论 3赞 11

友情链接更多精彩内容