老莫的笔记本  
  
返回列表 发新帖
查看: 1181|回复: 1

JS 对象4连

[复制链接]
周大胖子

664

主题

880

帖子

5155

积分

超级版主

Rank: 8Rank: 8

积分
5155
发表于 2018-8-15 17:45:32 | 显示全部楼层 |阅读模式
1. 什么是 arguments 是啥？
https://blog.csdn.net/qq_16339527/article/details/53231725
2.call 和 apply的区别
https://blog.csdn.net/ganyingxie123456/article/details/70855586
3.深入理解JS构造函数
https://www.cnblogs.com/wangyingblog/p/5583825.html
4.深入理解JS面向对象
http://www.cnblogs.com/tugenhua0707/p/5068449.htm
回复

使用道具 举报

周大胖子

664

主题

880

帖子

5155

积分

超级版主

Rank: 8Rank: 8

积分
5155
 楼主| 发表于 2018-8-15 18:05:51 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>call的测试</title>
  6. </head>
  7. <body>
  8.     <div>
  9.         这是call 的测试
  10.         1.每个函数都包含两个非继承而来的方法：call() 和 apply()方法
  11.         2.相同点：两个方法的作用是一样的
  12.         <hr />
  13.         都是在特定的作用域中使用函数，等于设置函数体内this 对象的值，以扩充函数赖以运行的作用域。
  14.         <hr />
  15.         <p id="dk"></p>
  16.         <input type="text" id="int"/>
  17.     </div>
  18.     <script>
  19.         var dk= document. getElementById('dk');
  20.         var int = document.getElementById('int')
  21.         window.color='red        document.color='yellow
  22.         var s1 = {color:'blue'};
  23.         function changeColor(){
  24.             console.log(this.color);
  25.         }
  27.         changeColor.call(); //输出结果red 默认传递参数
  28.         changeColor.call(window); //输出 red
  29.         changeColor.call(document); //输出 yellow
  30.         changeColor.call(s1); //输出 blue
  31.         changeColor.call(this); //输出 red
  34.         var pet = {
  35.             words:'--d-d-d-',
  36.             speak:function (say)
  37.             {
  38.                 dk.innerText = say +' ' +this.words;
  39.             }
  40.         }
  42.         var lmm={
  43.             words:'额这是lmm的word'
  44.         }
  47.         function mp(name)
  48.         {
  49.             this.name = name;
  50.             this.sp=function(){
  51.                 // console.log(this.words)
  52.                 dk.innerText = this.name
  53.             }
  54.         }
  56.         function dh()
  57.         {
  58.             mp.apply(this, arguments);
  59.         }
  61.         var dog = new dh('小王')
  65.         // enter 事件
  66.         int.onkeydown=function(event){
  67.             var e = event || window.event;
  68.             if(e && e.keyCode==13){ // enter 键
  69.                
  72.                 // var s1 = int.value;
  74.                 // // pet.speak(s1)
  75.                
  76.                 // // 这里将this的指向改成了lmm
  77.                 // pet.speak.call(lmm,'我擦厉害了')
  83.                 dog.sp();
  86.             }
  87.         };
  90.         function add() {
  91.             var len = arguments.length,
  92.                 sum = 0;
  93.             for(;len--;){
  94.                 sum += arguments[len];
  95.             }
  96.             return sum;
  97.         }
  99.         console.log( add(1,2,3) );   //6
  100.         console.log( add(1,3) );     //4
  101.         console.log( add(1,2,3,5,6,2,7) );   //26
  103.     </script>
  104. </body>
  105. </html>
复制代码

回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表