Number.MAX_VALUE
typeof NaN 返回的值是number
typeof null 返回的值是object
调用被转换数据类型的toString()方法 字符串类型
const b = xxx.toString 这种写法 String()函数
null不能转换 undefined不能转换
转换Number类型
Number()函数
parseInt()可以将一个字符串中的有效的整数内容取出来
parseFloat() 取有效的小数
a=“123px”
a = parseInt(a) 转换为整数
输出结果是123
类型为number
任何值跟NAN 运算都是NAN
优先级
break continue return 三者区别
break 退出当前循环
continue 跳过当次循环
return 结束整个函数 后面的代码都不执行
在函数中不使用var声明的变量都会成为全局变量
形参就相当于在函数作用域中声明了一个变量
this指向
1、以函数的形式调用时 this永远都是window
2、以方法的形式调用时 this就是调用方法的那个对象
3、以构造函数的形式调用时,this是新创建的那个对象
4、使用call和apply调用时, this是指定的那个对象(第一个参数指定的是谁this就指定谁)
构造函数
构造函数跟普通函数创建方式一样
构造函数首字母大写
构造函数和普通函数的区别就是调用方式不同
普通函数就是直接调用,而构造函数需要使用new关键字来调用
构造函数的执行流程
1 立即创建一个新对象
2 将新建的对象设置为函数中的this
3 逐行执行函数中的代码
4 将新的对象作为返回值返回
原型
原型链
垃圾清理
forEach
forEach()方法需要一个函数作为参数
像这种函数,由我们创建但是不由我们调用,我们成为回调函数
数组中有几个元素函数就会执行几次,每次执行时,浏览器会将遍历到的元素以实参的形式传递过来,我们可以定义形参来读取这些内容
浏览器会在回调函数中传递三个参数
第一个参数,就是当前正在遍历的元素
第二个参数,就是当前正在遍历元素的索引
第三个参数,就是正在遍历的数组
数组方法
slice()
可以用来从数组中提取指定元素
该方法不会改变原数组,而是将截取到的原数组封装到一个新数组中返回
参数: 1.截取开始位置的索引 包括开始索引
2.截取结束位置的索引 不包括结束索引
(第二个参数可以不写) 此时会截取从开始索引往后的所有元素
索引可以传递一个负值 如果传递一个负值则从后往前计算
-1 倒数第一个
-2 倒数第二个
result=arr.slice(0,2)
splice()
可以用于删除数组中指定的元素
使用splice()会影响到原数组,会将指定元素从原数组中删除
并将被删除的原数组作为返回值返回
参数:
第一个:表示开始位置的索引
第二个:表示删除的数量
第三个及以后 可以传递一些新的元素,这些元素将会插入到开始位置索引前边
concat()
可以连接两个或多个数组,并将新的数组返回
该方法不会对原数组产生影响
join()
该方法可以将数组转换成一个字符串
不会对原数组产生影响,而是将转换后的字符串作为结果返回
在join()中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符
如果不指定连接符则默认使用逗号作为连接符
reverse()
该方法用来反转数组 (前面的去后面,后面的去前面)
该方法会对原数组产生影响
sort()
可以用来对我们的数组进行排序
该方法会对原数组产生影响,默认会按照Unicode编码排序
我们可以在sort()添加一个回调函数,来指定排序规则
回调函数中需要定义两个形参(a,b),
浏览器将会分别使用数组中的元素作为实参去调用回调函数
浏览器会根据回调函数的返回值来决定元素的顺序
如果需要升序排列,则返回a-b
如果需要降序排列,则返回b-a
arr = [5, 4, 3, 2, 1, 11]
arr.sort((a, b) => {
return a - b
})
console.log(arr)
1,2,3,4,5,11
数组去重
const arr = [1, 2, 3, 4, 2, 3, 3, 5]
const arr1 = [...new Set(arr)]
console.log(arr1)
函数对象的方法
call()和apply()
两个方法都是函数对象方法,需要通过函数对象来调用
当对函数调用call()和apply()都会调用函数执行
在调用call()和apply()可以将一个对象指定为第一个参数
此时这个对象将会成为函数执行时的this
call()方法可以将实参在对象之后依次传递
apply()方法需要将实参封装到数组中统一传递
function fun(a,b){
console.log("a = "+a)
console.log("b = "+b)
}
var obj={
name:"obj",
sayName:function(){
alert(this.name)
}
}
//call()方法
fun.call(obj,2,3)
//apply()方法
fun.apply(obj,[2,3])
arguments
在调用函数时,浏览器每次都会传递进两个隐含的参数:
1、函数的上下文对象this
2、封装实参的对象arguments
arguments是一个类数组对象,它也可以通过索引来操作数据,也可以获取长度
在调用函数时,我们所传递的实参都会在arguments中保存
arguments.length可以用来获取实参的长度
string 字符串相关方法
字符串方法
concat()连接二个或者多个字符串
indexof()
该方法可以检索一个字符串中是否含有指定内容
如果字符串中含有该内容,则返回其第一次出现的索引
如果没有找到指定的内容,则返回-1
slice()
可以从字符串中截取指定的内容
参数两个
第一个,开始位置的索引(包括开始位置)
第二个,结束位置的索引(不包括结束位置)
如果我们省略到第二个参数,则会截取后面所有
也可以传递一个负数作为参数,负数的话将会从后面计算
split()
可以将一个字符串拆分为一个数组
参数
需要一个字符串作为参数,将会根据该字符去拆分数组
replace()
可以将字符串中指定内容替换为新的内容
参数
1、被替换的内容
2、新的内容
默认只会替换一个
正则表达式 //
使用| 表示或者的意思
[]里的内容也是或者的意思
[ab]==a|b
/[a-z]/任意的小写字母
/[A-Z]/任意的大写字母
/[A-z]/任意字母
/[0-9]/任意的一个数字
/[^]/除了
/^/表示开头
/$/表示结尾
如果在正则表达式中同时使用^ $则要求字符串必须完全符合正则表达式
ES6
箭头函数
箭头函数适合与this 无关的回调,定时器,数组的方法回调
箭头函数不适合与this 有关的回调,事件回调,对象的方法
symbol是新增的JS数据类型