04_JavaScript正式课程

2021-10-19

字数统计: 779字 | 阅读时长≈ 3分

一、定时器

1、定时器在javascript中的作用

定时调用函数
制作动画
2、定时器类型及语法*

定时器:

setTimeout    只执行一次的定时器           //timeout 超时，暂停
clearTimeout  关闭只执行一次的定时器
setInterval   反复执行的定时器
clearInterval 关闭反复执行的定时器        //Interval间隔

1 2	var timer1=setTimeout(myalert,2000); var timer2=setInterval(myalert,2000);

1 2	clearTImeout(timer1); clearInterval(timer2);

1
2
3

function myalert(){
  alert('ok!');
}

二、字符串

字符串处理方法

字符串合并操作
- “+”
将数字字符串转换为整数
- parseInt()
将数字字符串转换为小数
- parseFloat()
把一个字符串分隔成字符串组成的数组
- split()
查找字符串是否含有某个字符
- indexOf()——返回的是索引值，没有的返回-1
截取字符串
- substring(start,end)(不包含end)
字符串反转
- reverse()

//字符串操作方法

var iNum01=12;
var iNum02=12.33;
var sNum01='12';
var sNum02='12.44';

//1、加法
alert(iNum01+sNum01);//加法：字符串拼接
alert(iNum01+iNum02);//加法：两边都是数字

//2、将整数的字符串转换成整数
var reslut=parseInt(sNum01)+iNum02
alert(reslut)

//3、将小数的字符串转换成小数
alert(parseFloat(sNum02)+iNum02)

//4、将字符串转换成数组
alert(sNum02.split('.'))
var array0=sNum02.split('.')
alert(array0[1].split(''))

//5、获取某小段字符在大段字符第一次的索引值
var sTr='abcdefabcdefabcdefabcdef';
alert(sTr.indexOf('e'));//返回索引值

//6、字符串切片
alert(sTr.substring(2,6));//索引值
alert(sTr.substring(2));//索引值2开始，截取到结尾

//7、字符串反转
alert(sTr.split('').reverse().join(''));//数组反转reverse

三、变量作用域

变量作用域指的是变量的作用范围，javascript中的变量分为全局变量和局部变量。

全局变量：
- 在函数之外定义的变量，为整个页面公用，函数内部外部都可以访问。
局部变量：
- 在函数内部定义的变量，只能在定义该变量的函数内部访问，外部无法访问。
- 函数内部，不用var修饰，会变成全局变量。

四、调试程序的方法

前端代码一般都是通过chrome浏览器的调试工具来进行调试的，调试方法：

输出变量和对象的方法
- alert
- console.log
- document.title
断点调试
- 通过chrome浏览器调试工具的sources窗口，可以对外链接的js文件进行断点调试

五、封闭函数

封闭函数是javascript中匿名函数的另一种写法，创建一个一开始就执行而不用命名的函数。

封闭函数：

1
2
3

(function(){
  alert('hello!!!');
})(); //匿名函数外面在包个匿名函数进行直接调用

还可以在函数定义前加”~”和“！”等符号来定义匿名函数

1
2
3

!function(){       //防止前面代码结尾没有添加分号，代码压缩不会报错！
  alert('hello!');
}();

1
2
3

～function(){        //防止前面代码结尾没有添加分号，代码压缩不会报错！ 不用外面在封装匿名函数
  alert('hello!');
}();

本文作者： 梁俊可
本文链接： http://ljk3d.com/2021/10/19/webNote/JavaScriptNote/04_JavaScript正式课程/
版权声明： 梁俊可工作室