设为首页 加入收藏

TOP

JavaScript(JS)的简单使用(三)
2019-09-17 19:08:49 】 浏览:72
Tags:JavaScript 简单 使用
lo();
//改变this的指向 /** call和apply都可以改变this的指向 call:是可变 参数方案,直接传参 apply:第二个参数必需是一个数组 */ say.call(obj01,3,6); say.apply(obj02,[4,6]) </script>

 

  10、prototype

<script type="text/java script">
    /**
        prototype:为原生对象扩展一个方法(按照自己需要的格式显示时间)
    */
    Date.prototype.format = function(){
        console.debug(this)
        //按照自己需要的格式显示时间
        return this.getFullYear()+"-"+(this.getMonth()+1)+"-"+this.getDate();
    }
    
    var date = new Date();
     console.debug(date.getMonth())
     console.debug(date.getFullYear())
    
    console.debug(date.format());
    
</script>

 

  11、回调函数

<script type="text/java script">
/**
 * 我们可以把一个函数当作另外一个函数的属性传过去,而传过去的这个函数我们把它称之为回调函数
 */
 /*
 var i = 0;
 setInterval(function(){
     console.debug(i++);
 },1000);
 */
 var i=0;
 function haha(){
     console.debug(i++)
 }
 //定时器:每过一秒把haha()函数当setInterval()函数的属性传回去再次执行
 setInterval(haha,1000);
 
</script>

 

  12、匿名函数

<script type="text/java script">
/**
 * 匿名函数就是一个没有名称的函数
     
     它可以改变代码的作用域
     jQuery $
 */
 (function(a,b){
    console.debug(a+b)    
 })(3,9)
 
</script>

 

  13、闭包

<script type="text/java script">

//闭包,指的是语法。简单理解就是:函数中可以使用函数之外定义的变量。一种封装特性
var username ="王权富贵";
function say(){
    //这里的函数之外的变量指的是username
    console.debug(username);
}
//调用函数/方法
say();
 
</script>

 

  14、计数器

<script type="text/java script">

(function(){
    var result = 0;
    window.getRes = function(){
        result++;
        return result;
    }
})()


//让变量result的值只能通过方法修改,无法直接修改
console.debug(getRes()); //1
console.debug(getRes()); //2

console.debug(getRes()); //3
console.debug(getRes()); //4
console.debug(getRes()); //5

</script>

 

  15、事件监听

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件监听测试</title>
<script type="text/java script" src="jquery/jquery-1.11.2.js"></script>
<script type="text/java script">
    $(function(){
        //"click.qing":给这个点击事件取一个名叫qing
        $("#mybtn").on("click.qing",function(){
            console.debug("明天天晴!!!");
        })
        
        $("#mybtn").on("click.feng",function(){
            console.debug("明天有风!!!");
        })
        
        $("#mybtn").on("click.guang",function(){
            console.debug("明天逛街!!!");
        })
        
        //取消逛街这个方法
        $("#mybtn").off("click.guang");
    })
</script>
</head>
<body>

<button id="mybtn">点我有惊喜哦!!!</button>

</body>
</html>

 

  16、jQuery继承

<script type="text/java script" src="jquery/jquery-1.11.2.js"></script>
<script type="text/java script">
    $(function(){
        
        var obj =  {tel:"1836****000",sex:true};
        var obj1 = {name:"达康书记",age:100};
        var obj2 = {};
        //把第一个对象的属性,交给第二个对象
        //把后面的对象的属性,交给前面
        $.extend(obj2,obj1,obj);
        
        console.debug(obj2);
        
    })
</script>

 

  17、jQuery自定义插件

<!DOCT
首页 上一页 1 2 3 4 下一页 尾页 3/4/4
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇vue 生命周期函数 下一篇Javascript中数组方法reduce的妙..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目