JavaScript总结复习

最新推荐文章于 2023-01-07 14:58:48 发布

Caree By

最新推荐文章于 2023-01-07 14:58:48 发布

阅读量137

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/GWHMYS/article/details/126109383

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章目录

回顾内容

1、JS操作符

1、算数、赋值运算符

2、逻辑、比较运算符

2、JS流程控制

1、if判断、switch用法

3、JS循环

for循环、while循环、do/while循环

4、JS字符串方法

5、JS数组方法

6、JS的内置对象

7、JS的Window对象

8、JS的函数

9、JS异常

1、JS内置对象

内置对象无需导包可以直接使用

1、数学对象Math

// 圆周率
Math.PI()
// n的X次发
Math.pow(number,number)
// 小数取整-->四舍五入
Math.round(number)
// 小数取整-->向下取整
Math.floor(number)
// 小数取整-->向上取整
Math.ceil(number)
// 取最大值
Math.max(value1,value2,value3...);
// 取最小值
Math.min(value1,value2,value3...);
// 随机数 范围为【0-1】
Math.Randoma()

2、Date日期对象

注意：Date 对象需要实例化对象

	<script>
        // 实例化日期对象
        date=new Date();
        // 打印时间戳
        console.log(date.getTime());
        // 获取当前年份
        Year=date.getFullYear()
        // 获取当前月份
        Month=date.getMonth()+1; // 月份会比实际的时间少一个月
        // 获取当前日
        Day=date.getDate();
        // 获取当前时
        Hours=date.getHours()
        // 获取当前分
        Minutes=date.getMinutes()
        // 获取当前秒
        Seconds=date.getSeconds()
        // 打印整体
        console.log(Year,Month,Day,Hours,Minutes,Seconds);
    </script>

3、Windeow对象

Window 对象中定义了很多种重要的方法

弹窗 alter()

属性 document

弹出输入框

1、计时器

1、延时计时器 setTimeout
只执行一次

语法：setTimeout(事件,秒数);
// 延时计时器
Timeout_Trim=setTimeout(function(){
	alert("延时计时器")
},5000)
clearTimeout(延时计时器对象)
2、间隔计时器 setInterval
不断执行

语法：setInterval(事件,秒数);
Interval_Tirm=setInterval(function(){
	alert('间隔计时器')
},2000)
clearInteval(间隔计时器对象)

2、网页跳转

通过计时器进行网页跳转代码如下：

<body>
    <p><span>10</span>秒之后自动跳转百度....</p>
    <script>
        span1=document.getElementsByTagName('span')[0]
        Seconds=5;
        interval=setInterval(function(){
            Seconds2=Seconds--;
            span1.innerText=Seconds2
            if(Seconds2==0){
                // 一次性跳转 当前窗口打开
                window.location.href='http://www.baidu.com'
                
                // 直接打开一个新的窗口
                var w=window.open('http://www.baidu.com');

                // 创建空白页面然后 相当于进行填充
                var w=window.open();
                w.location.href='http://www.baidu.com'
                
            }
        },1000)
    </script>
</body>

2、JS函数

JS函数分成两种

1、有名函数

一般充当事件使用

2、匿名函数

一般用于计时器等等地方

注意：

如果再函数在使用使用时加上了括号则会进行函数的自调用

匿名函数需要在定义好之后才可以进行调用，并且无法进行传值

如果在函数传值时没有传值函数不会报错只会显示undefined

在函数种有一个arguments数组这是一个伪数组它会接收所有的实参

但是只能用于取值无法对接收的实参进行其他操作

函数的递归自调用

db2=function(x){
	if(x<=0){
		return 1;
	}
     return x* arguments.callee(x-1)
}
x= db2(5)
console.log(x);

3、函数作用域

变量有三种声明方式变量: let、var 常量：const

注意：

var 声明的变量可以在声明变量之前进行使用在之后再进行赋值；

const 声明必须赋值并且不可改变

1、var的作用域

var在函数种就是局部变量

不使用var则是全局变量v

var 不存在作用域

2、全局变量与局部变量

通过var进行声明实现

在函数外使用var 定义一个变量在函数中使用那么他就是一个全局变量

如果没有使用 var 则是一个局部变量

变量与函数重名时先考虑变量变量优先

3、块级作用域

使用{} 进行声明

作用域只针对let 声明和const 声明

4、JS异常处理

异常语法

try{
    // 可能会出现异常的代码
}catch(){
    // 出现异常之后会执行的代码
}finally{
    // 不管是否出现异常 都会执行
}