JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法开发语言|前端|typescript|ecmasc

目录
一、call()和apply()
二、arguments
三、Date对象
1.创建Date对象
2.相关方法
四、Math
1.Math.abs()
2.Math.ceil()
3.Math.floor()
4.Math.round()
5.Math.random()
6.Math.max()、Math.min()
7.Math.pow()
8.Math.sqrt()
五、包装类
六、字符串的方法
charAt()
charCodeAt()
String.formCharCode()
concat()
lastIndexOf()
split()
一、call()和apply() 这两个方法都是函数对象的方法，需要通过函数对象来调用，当函数调用call()和apply()都会调用函数执行。
在调用call和apply时，可以将一个对象指定为第一个参数，此时这个对象将会成为函数执行时的this。
call()方法可以将实参在对象之后依次传递
apply()方法需要将实参封装到一个数组中统一传递

function fun(a,b){ console.log("a = "+a); console.log("b = "+b); console.log(this); } let obj ={ name:"obj" } fun() //call()方法可以将实参在对象之后依次传递 fun.call(obj,2,3) //apply()方法需要将实参封装到一个数组中统一传递 fun.apply(obj,[2,3])

JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法

文章图片

this的情况：
1.以函数形式调用时，this永远都是window
2.以方法的形式调用时，this是调用方法的对象
3.以构造函数的形式调用时，this是新创建的那个对象
4.使用call()和apply()调用时，this是指定的那个对象

二、arguments在调用函数时，浏览器每次都会传递进两个隐含的参数：
1.函数的上下文对象this
2.封装实参的对象arguments
arguments是一个类数组对象，它也可以通过索引来操作数据，也可以获取长度
在调用函数时，我们所传递的实参都会在arguments中保存
arguments.length可以用来获取实参的长度
即使不定义形参，也可以通过arguments来使用实参，只是比较麻烦
例如：
arguments[0]表示第一个实参
arguments[1]表示第二个实参
【JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法】arguments中还有一个属性叫做callee，这个属性对应一个函数对象，就是当前正在指向的函数的对象

function fun(){ console.log(arguments); console.log(arguments.length); console.log(arguments.callee); } fun("Tom",true)

文章图片

三、Date对象在JS中使用Date对象来表示一个时间

1.创建Date对象如果使用构造函数直接创建一个Date对象，则会封装为当前代码执行的时间

let d = new Date();

创建一个指定的时间对象，需要在构造函数中传递一个表示时间的字符串作为参数
日期的格式月份/日/年时：分：秒

let d2 = new Date("02/09/2022 11:11:11")

2.相关方法 getDate()
获取当前日期对象是几日
getDay()
获取当前日期对象是周几，会返回0-6的值，0表示周日，1表示周一
getMonth()
获取当前日期对象的月份，会返回0-11的值，0表示一月，1表示二月
getFullYear()
获取当前日期对象的年份
getTime()
获取当前日期对象的时间戳。时间戳指的是从格林威治标准时间的1970年1月1日，0时0分0秒到当前日期的毫秒数（1秒=1000毫秒），计算机底层在保存时间时使用的都是时间戳

四、MathMath和其他的对象不同，它不是一个构造函数，它属于一个工具类，不用创建对象，它里面封装了数序运算相关的属性和方法
比如：
Math.PI表示的圆周率
1.Math.abs()Math.abs()可以用来计算一个数的绝对值

console.log(Math.abs(-1)); //1

2.Math.ceil() Math.ceil()可以对一个数进行向上取整，小数位只要有值就自动进1

console.log(Math.ceil(1.6)); //2

3.Math.floor() Math.floor()可以对一个数向下取整，小数部分被舍弃掉

console.log(Math.floor(1.99)); //1

4.Math.round() Math.round()可以对一个数进行四舍五入取整

console.log(Math.round(1.45)); //1

5.Math.random() Math.random()可以用来生成一个0-1之间的随机数
生成一个0-x之间的随机数：Math.round(Math.random()*x)
生成一个x-y之间的随机数：Math.round(Math.random()*(y-x)+x)
6.Math.max()、Math.min() Math.max()可以获取多个数中的最大值
Math.min()可以获取多个数中的最小值

console.log(Math.max(12,1,34,22)); //34

7.Math.pow() Math.pow()返回x的y次幂

console.log(Math.pow(12,3)); //1728

8.Math.sqrt() Math.sqrt()用于对一个数进行开方运算

console.log(Math.sqrt(2)); //1.4142135623730951

五、包装类在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象
String()
可以将基本数据类型的字符串转换为String对象
Number()
可以将基本数据类型的数字转换为Number对象
Boolean()
可以将基本数据类型的布尔值转换为Boolean对象

但是注意：我们在实际应用中不会使用基本数据类型的对象，如果使用基本数据类型的对象，会在做一些比较时带来一些不可预期的结果

//创建一个Number类型的对象 let num = new Number(3) let str = new String("hello") let bool = new Boolean(true) console.log(num); console.log(typeof num); //object

方法和属性只能添加给对象，不能添加给基本数据类型
当我们对一些基本数据类型的值去调用属性和方法时，浏览器会临时使用包装类将其转换为对象，然后再调用对象的属性和方法，调用完以后，再将其转换为基本数据类型。

六、字符串的方法在底层字符串是以字符数组的形式保存的
字符串的方法有很多，之前的文章当中有列举过，可以在以下链接中查看，此处再补充一些：
字符串的方法