HTML5阶段性学习2——JS

目录

第一天

1、JS语法特点

2、数据类型

1、JS数据类型

2、数据类型的运用

3、数据类型的检测

4、数据类型的转换

3、变量

4、标识符

第二天

1、运算符

1、算术运算符

2、单目运算符

3、自增和自减运算符

4、比较运算符

5、逻辑运算符

6、括号运算符

7、逗号运算符

8、条件运算符

9、赋值运算符

10、相等运算符

第三天

1、流程控制结构

1、流程控制结构

2、if语句

3、switch语句

4、while循环语句

5、break和continue关键词

6、for循环

第四天

1、对象类型

1、花括号对象

2、值存储和地址存储

3、数组对象

第五天

1、函数

1、函数的创建和声明

2、函数的返回值

3、函数对象

4、匿名函数

5、方法

6、函数参数传递

7、作用域和作用域链

8、预解析

9、函数调用时隐含的两个参数

第六天

1、自执行函数

2、window(顶层函数)

3、this关键词

4、垃圾回收机制

5、闭包

第七天

1、构造函数

2、new关键字

3、原型属性、原型对象、原型链

第八天

1、包装对象

2、回调函数

3、this的劫持

4、块级作用域


第一天

1、JS语法特点

1、JS严格区分大小写

2、每一行的代码应该以分号结尾,但可以省略

3、JS代码的执行顺序,从上往下依次执行

JS需要注意的点

1、JS一般放在body的尾部,防止src阻塞页面的渲染,但还是要根据具体的用到的地方来定。

2、注释语句 单行的快捷键:ctrl+/ ,多行的快捷键:shift+alt+a

输出语句

1、页面输出(不推荐,不常用)

document.write(); 该方式用户可见,会影响页面的内容

2、弹窗输出(不推荐,偶尔用,用于用户的交互提示手段)

alert(); 该方式会阻塞页面的渲染

3、控制台输出(推荐使用,大多数情况会使用这个)

console.log(); 没有任何语义,大多数情况下用这个

console.info(); 和上一个一样的作用

console.warn(); 输出警告信息

console.error(); 输出错误信息

输入语句

js中的输入语句是: prompt函数

注意:浏览器中输入的数据类型,肯定是string类型!

2、数据类型

1、JS数据类型

1、四基两空一对象,加上一个新出来的bigInt

​ 四基(四种基本类型):Number(数值型),String(字符串型),Bool(布尔型), Symbol(符号型)

​ 两空(两个空数据类型):Null(空对象,空引用),Undefined(未定义的空值)

​ 一对象(一个面对对象的数据类型):Object(对象类型,复杂数据,引用数据类型)

2、数据类型的运用

1、Number 数值型 相关数据有整数、小数和NAN(没有具体的数值)

2、String 字符串型 由单引号或者双引号引起了的

3、Boolean 布尔型 只有两个值 true(真)和false(假)。

3、数据类型的检测

检测语法 :typeof 变量名;

注意:typeof 运算的结果是字符串类型

4、数据类型的转换

1 将其他数据类型转换为 Number,有三个方法可以实现

​ 1、Number()

​ console.log(Number(true)) //1

​ console.log(Number(false)) //0

​ console.log(Number(null)) // 0

​ console.log(Number(undefined)) //NAN

​ console.log(Number('123xxx')) //NAN

​ 2、paserInt()

​ console.log(parseInt(true)) //NaN

​ console.log(parseInt(false)) //NaN

console.log(parseInt(null)) // NaN

​ console.log(parseInt(undefined)) // NaN

​ console.log(parseInt('123XXX')) //123 //遇到第一个非number数据形式的字符就停止转换!将之 前的数值格式的数据转换并返回

​ console.log(parseInt('123.5XXX')) //123

​ 3、paserFloat()

console.log(parseFloat(null)) //NAN

​ console.log(parseFloat(undefined)) //NAN

​ console.log(parseFloat(true)) //NAN

​ console.log(parseFloat(false)) //NAN

​ console.log(parseFloat('123.5XXXX')) //123.5

2、将其他数据类型转换为 字符串类型 string类型

​ 1、String()

​ 2、 toString()

​ var num = 100

​ console.log(num.toString())

​ 3、 +

​ console.log(1+'a')

3、将其他类型转换为布尔类型

​ Boolean()

​ console.log(Boolean(0))

​ console.log(Boolean(''))

​ console.log(Boolean(null))

​ console.log(Boolean(undefined)) //这几个都是false

4、JavaScript中的假值,6种假值

​ false、undefined 、null 、 0 、+0 、-0 、 '' 、NaN

3、变量

​ 变量:变量是存储数据的容器,通过这个容器我们将程序中所用到的数据进行保存!

​ 变量本质上是存放到内存空间中的,一旦程序结束,变量所占据的空间将得到释放

变量的声明

语法 var 变量名;

1、先声明,再赋值

var num

num=10;

2、声明的同时赋值

var num=10;

3、多个变量同时声明

var a,b,c;

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

var a=b=c=10;

4、标识符

标识符:就是为变量、函数、形参、对象属性、对象方法等命名的一段字符

标识符的命名规则

​ - 1、标识符只能由数字、字母、下划线、$组成

​ - 2、不能以数字进行开头

​ - 3、不能使用关键字或者保留字作为标识符的名字

​ - 关键字:if else for return ...

​ - 保留字:目前某些单词并没有实际的含义,未来可能会被赋予其含义的单词

​ - 4、标识符的命名严格区分大小

​ - 5、标识符的命名应该遵循'见名知义'

​ - 6、如果标识符由多个单词组成应采用 驼峰命名法 abcAbcBcc

​ - 比如 blackGroundColor

第二天

1、运算符

1、算术运算符

​ 算术运算符:+,-,*,/,%(模,取余),**(幂运算)

+号:将+号两边的number类型的数据,进行相加后,得到一个相加的值。

​ 如果加号两边不是number类型的值(string类型除外),它会先将其隐士转为number类型在进行计算

注意:加号运算符也可以作为字符串的拼接,当+号的两侧有一边为string类型的数据,那么加号运算就会变成字符串的拼接运算,通常利用加号的这种特性进行字符串的拼接。

-号、*号、/号:将(-号、*号、/号)的两边number类型的数据,进行相加,得到一个相加后的值

​ 如果(-号、*号、/号)的两边不是number类型,它会先将其隐士转为number类型在进行计算

注意:NaN加减乘除任何的number数据类型得到的也是NaN。

2、单目运算符

单目运算符又叫一元运算符:对一个数据进行运算,而不是多个数据之间进行运算

如:typeof、new、delete、++、--等

3、自增和自减运算符

++(自增运算) -- (自减运算),两个都是属于单目运算

++(自增运算),有两种形式

​ 1、前自加: 语法:++变量名 ==》 变量名=变量名+1;

​ 前自加 是先将变量的值进行加一,再参与后续的运算

++(自增运算),有两种形式

​ 2、后自加: 语法:变量名++ ==》 变量名=变量名+1;

​ 后自加 是先将当前变量的值进行运算,运算完毕后,再将变量的值进行加一

注意:不管是前自加还是后自加,最后变量的值都会加一

4、比较运算符

比较运算符: > < >= <=

​ 比较运算符是将左右两侧的表达式进行数据的比较,得到一定是 逻辑值(布尔值)

​ 比较运算符的结果,只有两个 要么 true 或者 false

5、逻辑运算符

逻辑运算符:与(&&) 或(||) 非(!)

​ 逻辑运算符,是将两边表达式进行逻辑比较,得到的也是一个逻辑值!

​ 结果: 逻辑运算符的结果不一定是true 或者 false

​ 逻辑运算表达式的结果是将表达式中所计算的实际值,作为整个逻辑表达式的结果进行返回

逻辑与(&&): 表达式1 && 表达式2 && 表达式3

​ 从左往右,计算表达式1的逻辑值 && 表达式2的逻辑值

​ true && ture ==》 ture

​ ture && false ==》 fasle

​ false && false ==》 fasle

​ 口诀:一假即假,全真才真

​ 注意:js中的逻辑与是属于短路与,一旦表达式1为false,将不再进行表达式2的运算,直接将表达式1的值进行返回

逻辑或(||): 表达式1 || 表达式2

​ 从左往右,计算表达式1的逻辑值 && 表达式2的逻辑值

​ true || true ==》 ture

​ false || true ==》 ture

​ true || false ==》 ture

​ false || false ==》 false

​ 口诀:一真即真,全假才假

​ 注意:js中的逻辑或是属于短路或,一旦表达式1为true,将不再进行表达式2的运算,直接将表达式1的实际值进行返回

​ 不管是逻辑与还是逻辑或,它是将表达式的值,作为整个逻辑表达式的值进行返回!

逻辑非(!): true =&#

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大学生努力学习

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值