20200825-叶梦宇

学习总结

JS(面试重要)

“ues strict”:js的严格模式

1,特点

解释型语言:编译一行,执行一行。

弱类型语言:不太适合大型项目开发。

不需要第三方插件,直接在浏览器的控制台上就可以编译了

基于对象:

属性:对象的特征color size

方法:对象行为,动态的

不关注内部的细节

跨平台

可以在服务端运行。

2

编写js

网页中js要写在script标签内。

执行自己编写的js逻辑代码将js写在主要代码后面。

console控制台,log日志

《script》

console。log{”hello world“}

《script》

在浏览器的控制台输出hlleo world

运行js

运行js,需要脚本解释引擎,浏览器自带脚本解释引擎

或者独立安装node.js(服务器端)

调试js

在浏览器中f12检查

js代码规范

1,js严格区分大小写;

2,代码结尾可以使用“;”结束,也可以不使用,推荐 使用分号结束

3, 字符串必须要引号包裹, 可以是单引号。也可以是双引号,如果字符串中出现了字符串的嵌套,那么里面和外面只要使用不同引号就可以

4,注释

单行注释//

多行注释/* */

js组成

es

dom

bom

初次接触dom

使用dom的方法向网页

document在dom树结构中,表示顶级对象,表示整个文档。

使用write方法可以将文本绘制到网页中

docuument.write(“xcxxxx”)

使用write方法会破坏页面结构,开发中根本不可能使用

只要发现问题,就输出到控制台中式神

BOM

alert 警告e弹窗

3,js输出

prompt(‘xxx’)弹出输入框

confirm 弹出确认框。

4,变量

定义变量 var 进行声明 var 变量名=变量值; var a=1;

程序当中我们需要反复使用一个值的 时候,就要把这个值保存下来,称为变量。

变量默认值undefined 当我们只给变量名没给变量值 时

var a=“string”

console。log(a)结果string

var a=“哈哈哈哈哈哈”

console。log(a)结果哈哈哈哈哈

var a=1

console。log(a)结果1

弱类型语言的特征,隐式转换,在代码执行的过程,程序会自动转换 不需要我们

5,常量

使用const声明 const 常量名=值;

常量值一旦 声明就不允许进行修改

常量值使用大写字母命名

常量在创建的时候,一定要直接赋值

6,数据类型(原始数据类型)(引用数据类型)

原始类型分类

number :不加引号,自动是number类型

整型:二进制(是由0.1组成的,在js中:0b(标示二进制))

八进制(是由 0-7组成 的,在js中:0(标示八进制),十进制,十六进制(0-9 ABCDEF 在js中 :0x(标示十六进制)ABC)

string:

判断数据类型:typeof 数据

字符串储存:用Unicode码储存 查看某个字符的Unicode码 "a".charCodeAt(); 结果:97

Unicode码占用字节 每个字母/数字字符,占1字节 每个汉字,占2字节

其他编码占用字节
utf-8

每个字母/数字字符,占1字节

每个汉字,占3字节

GBK

每个字母/数字字符,占1字节

每个汉字,占2字节

boolean

判断结果 true false

undefined:变量声明后没有赋值的默认值 就是undefined

null 空

空,常用于引用类型。专门由程序自动为一个变量赋初值,很少主动使用

实例:

​ var a=null;

引用数据类型 object

引用类型

数组(Array)对象(Object)函数(Function)

注意:使用typeof查看数据类型,这个三种类型得到的都是object

数据类型转换(面试必考题)

弱类型 语言: 声明变量时无需提前规定变量中存储数据的类型,一个变量先后可保存不同类型的数据,JS会根据自身的需要,隐式转化数据的类型

隐式转换: 无需程序员干预,程序自动完成的类型转换

数值型+字符串型==>字符串型 1+'2' ==> '12'

数值型+布尔型>数值型 1+true>2 1+false==>1 true代表1,false代表0

字符串型+布尔型>字符串型 'string'+true>'stringtrue'

null 转换出来是0;

字符/数字 结果是NaN

NaN(not a number)表示一切不能 正常 转换的数字

NaN 不大于,不小于 ,不等于任何值,包括 自身

NaN和任何数进行计算,结果都是NaN

console.log(10/0) 结果 infinity 无限大

强制转换: 程序员主动调用转化函数实现的类型转换

Number()将数据转换为数值型

Number('9'); ==> 9

​ Number('2a'); ==> NaN

​ Number(true); ==> 1

​ Number(undefined); ==> NaN

​ Number(null); ==> 0

parseInt()将数据转换为整型

直接按字符位数 一位一位的 转换,如果当前的位数 不能转换,就直接输出NaN

parseInt(2.5) ==> 2

​ parseInt(undefined) ==> NaN

​ parseInt('2a') ==> 2

​ parseInt('string') ==> NaN

​ parseInt(true) ==> NaN

pareseFloat()将数据转换为单精度浮点型

注意:小数点只读取第一个,再碰到小数点就停止读取

parseFloat('2.9a') ==> 2.9

​ parseFloat(true) ==> NaN

x.toString()将数据 转换为字符串

注意:x不能是null和undefined

实例:

​ var n=5;

n.toString();

String(123) // '123'

注意:x可以是任何数据类型,其实隐式转换都是自动调用String()

实例:

Boolean(x)

规则:只有五个值会被转为false( 0 , null , NaN , undefined , "" ),其余任何值都转为true

实例:

​ Boolean(null) //false

​ Boolean('string') //true

7,字面量(先了解)

字面量表示如何表达这个值,一般除去表达式,给变量赋值时,等号右边都可以认为是字面量

字面量分类
字符串字面量
数值字面量
数组字面量
对象字面量
函数字面量
regexp字面量

8,运算符和表达式

算数运算符(面试题)

运算符 优先级 ++大于+

%取余 ++自增

冒泡排序的时候 ,要用二维数组

隐式转换
默认情况:一切转为number,再算数计算
特殊情况

比较运算符

== 只是比较两个值是否相等

=== 不仅比较值,还会比较数据类型是否一样

数字和字符串比较,字符串会转为数值型之后再进行比较 隐式转换

两个字符串比较,比较的是首字符的Unicode码

NaN和任何值比较(> < <= >= == ===)都是flase,包括自身

isNaN(num),专门判断num是不是NaN,经常反用,专门用来判断num是不是有效的数字,!isNaN(num)

逻辑运算符

&&(并且) ||(或者) ! (非)

逻辑短路
1. && 当第一个条件为false的时候,就不需要再执行第二个条件了
2. || 当第一个条件为true的时候,就不需要再执行第二个条件了

学习心得

今天终于学到了JavaScript,也算是更深入的了解网页,它和昨天学习的sass有点像,也和我之前学习的编程语言像,加油,特种兵

标签

评论

this is is footer