js 闭包 字符串 定时器

js闭包

闭包的三大特点为:

1、函数嵌套函数

2、内部函数可以访问外部函数的变量

3、参数和变量不会被回收。

闭包的作用在于,可以通过闭包,设计私有变量及方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>闭包</title>  
    <script type="text/javascript">
        //闭包本质就是函数的嵌套 内部函数可以用外部函数的局部变量  这些函数不会被回收或删掉  直到页面关闭 
        /*function aa(b){ 
            var a =17;
            function bb(){
                alert(a);
                alert(b);
            }
            return bb;
        }

        var cc = aa(22);
        cc();*/

        var cc = (function(b){
            var a = 17;
            function bb(){
                alert(a);
                alert(b);
            }
            return bb;
        })(22)
        cc();

    </script>
</head>
<body>
    
</body>
</html>

js字符串

document.title 修改标题
获取字符串中的某位字符 charAt
截取字符串 (包括开始位置不包括结束位置) substring
所有转成大写 大写 toUpperCase
所有转成小写 小写 toLowerCase

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串处理方法</title>
    <script type="text/javascript">
        //分割
        var str = '2018-08-23';
        var arr = str.split('-');
        // alert(arr);
        // console.log(arr);

        var arr2 = str.split('-');
        // console.log(arr2);

        // document.title = arr2; //document.title 修改标题


        // 获取字符串中的某位字符 charAt
        var str2 = '#div1';
        var str3 = '.div1';
        var str4 = str2.charAt(0)
        if(str4 == '#'){
            // alert('你是id选择器');
        }

        //查找字符串是否含有某个字符 indexOf  
        // 包含就返回位置 不包含返回-1
        var str5 = 'Microsoft Yahei';
        var num = str5.indexOf('Yahei');  //10
        var num2 = str5.indexOf('xahei'); //-1
        // alert(num2);

        //截取字符串 (包括开始位置不包括结束位置) substring
        // var str6 = str5.substring(10,15);
        var str6 = str5.substring(10); //不写第二个值直接截取到最后
        // alert(str6);
        
        //所有转成大写 大写 toUpperCase
        alert(str6.toUpperCase());//YAHEI

        //所有转成小写 小写 toLowerCase
        alert(str6.toLowerCase()) //yahei
    </script>
</head>
<body>
    
</body>
</html>

js定时器

js 定时器有以下两个方法:
setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
setTimeout() :在指定的毫秒数后调用函数或计算表达式。

setInterval()
语法
setInterval(code,millisec,lang)

setTimeout()
语法
setTimeout(code,millisec,lang)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定时器的基本用法</title>
    <style type="text/css">
        
    </style>
    <script type="text/javascript">
        // setTimeout(function(){  //setTimeout  只执行一次的定时器
            // alert('lalala');
        // },3000);

        // var timer = setTimeout(function(){
        //  alert('hhahah');
        // }3000);

        // clearTimeout(timer); clearTimeout 关闭只执行一次的定时器

        var timer2 = setInterval(function(){
            alert('关系') //setInterval 反复执行的定时器
        },2000)
        clearInterval(timer2);  //clearInterval 关闭反复执行的定时器

    </script>
</head>
<body>
    
</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_34319999/article/details/87229144