JavaScript之this，new，delete，call，apply

1.this

一般而言，在Javascript中，this指向函数执行时的当前对象。

2.new

在JavaScript中，使用new关键字后，意味着做了如下四件事情：

  • 创建一个新的对象，这个对象的类型是object；
  • 设置这个新的对象的内部、可访问性和[[prototype]]属性为构造函数（指prototype.construtor所指向的构造函数）中设置的；
  • 执行构造函数，当this关键字被提及的时候，使用新创建的对象的属性；
  • 返回新创建的对象（除非构造方法中返回的是‘无原型’）。

3.delete

delete操作符通常用来删除对象的属性，而不是一般的变量或者是函数。

4.call

应用于：Function 对象
调用一个对象的一个方法，以另一个对象替换当前对象。
call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
参数：
thisObj 
可选项。将被用作当前对象的对象。 
arg1, arg2, , argN 
可选项。将被传递方法参数序列。 
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

5.apply

call, apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了.这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同.

Function.apply(obj,args)方法能接收两个参数
obj：这个对象将代替Function类里this对象
args：这个是数组，它将作为参数传给Function（args-->arguments）

6.运行调试一下JS代码，有助于对以上概念的理解。

  1. <html>
  2. <body>
  3.     <script>
  4.         function Base(){
  5.             this.name = 'Base';
  6.             this.age = 1;
  7.             this.show = function(){
  8.                 alert('Name:' + this.name + '\n' + 'Age:' + this.age.toString());
  9.             };
  10.             this.reset = function(name, age){
  11.                 this.name = name;
  12.                 this.age = age;
  13.             };
  14.  
  15.             alert(this);
  16.         }
  17.  
  18.         function A(){
  19.             this.name = 'A';
  20.             this.age = 1;
  21.         }
  22.  
  23.         Base();
  24.         var base = new Base();
  25.  
  26.         var isDeleted = delete base;
  27.         alert('delete base: ' + isDeleted);//delete无效
  28.         base.show();
  29.         isDeleted = delete base.name;
  30.         alert('delete base.name: ' + isDeleted);//delete有效
  31.         base.show();
  32.  
  33.         base = new Base();
  34.         var a = new A();
  35.         base.show.call(a);
  36.         base.show.apply(a);
  37.         base.reset.call(a, 'AA', 11);
  38.         base.show.call(a);
  39.         base.reset.apply(a, ['AAA', 111]);
  40.         base.show.apply(a);
  41.     </script>
  42. </body>
  43. </html>

7.使用call来实现类的继承。代码如下，在类B的构造函数里面调用“Base.call(this);”，则B可以使用Base里面的方法和属性。

  1.         function B(){
  2.             Base.call(this);
  3.             this.name = 'B';
  4.             this.age = 2;
  5.         }
  6.  
  7.         var b = new B();
  8.         b.show();

JavaScript之this，new，delete，call，apply（转）的更多相关文章

  1. 理解JavaScript中的arguments,callee,caller,apply

    arguments 该对象代表正在执行的函数和调用它的函数的参数. [function.]arguments[n] 参数function :选项.当前正在执行的 Function 对象的名字. n : ...

  2. 博文推荐】Javascript中bind、call、apply函数用法

    [博文推荐]Javascript中bind.call.apply函数用法 2015-03-02 09:22 菜鸟浮出水 51CTO博客 字号:T | T 最近一直在用 js 写游戏服务器,我也接触 j ...

  3. JavaScript学习笔记之call和apply

    前端的知识面太广了,想要记住所有知识点是不可能的,所以将这些学过的记录下来,随时都可以翻开来参考 1.call方法 调用一个对象的一个方法,call(this, arg1, arg2,argN);用来 ...

  4. JavaScript中callee与caller，apply与call解析

    1. arguments.callee 1.1 解释 返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文. 1,.2 说明 callee 属性的初始值就是正被执行的 ...

  5. JavaScript中的bind,call和apply函数的用法和区别

    一直没怎么使用过JavaScript中的bind,call和apply, 今天看到一篇比较好的文章,觉得讲的比较透彻,所以记录和总结如下 首先要理解的第一个概念,JavaScript中函数调用的方式, ...

  6. Javascript的变量与delete操作符

    原文:http://charlee.li/javascript-variables-and-delete-operator.html 刚刚看到一篇好文(原文链接), 对Javascript中的dele ...

  7. JavaScript中bind、call、apply函数用法详解

    在给我们项目组的其他程序介绍 js 的时候,我准备了很多的内容,但看起来效果不大,果然光讲还是不行的,必须动手.前几天有人问我关于代码里 call() 函数的用法,我让他去看书,这里推荐用js 写服务 ...

  8. javascript中函数的call，apply及bind方法

    call 方法调用一个对象的一个方法,以另一个对象替换当前对象.call([thisObj[,arg1[, arg2[,  [,.argN]]]]])参数thisObj可选项.将被用作当前对象的对象. ...

  9. [转] 理解 JavaScript 中的 Array.prototype.slice.apply(arguments)

    假如你是一个 JavaScript 开发者,你可能见到过 Array.prototype.slice.apply(arguments) 这样的用法,然后你会问,这么写是什么意思呢? 这个语法其实不难理 ...

  10. JavaScript中bind、call、apply函数使用方法具体解释

    在给我们项目组的其它程序介绍 js 的时候,我准备了非常多的内容,但看起来效果不大,果然光讲还是不行的,必须动手. 前几天有人问我关于代码里 call() 函数的使用方法.我让他去看书,这里推荐用js ...

随机推荐

  1. SVN四部曲之SVN使用详解进阶

    SVN简介: 为什么要使用SVN? 程序员在编写程序的过程中,每个程序员都会生成很多不同的版本,这就需要程序员有效的管理代码,在需要的时候可以迅速,准确取出相应的版本. Subversion是什么? ...

  2. android控件之EditText

    EditText继承关系:View-->TextView-->EditTextEditText的属性很多,这里介绍几个:android:hint="请输入数字!"//设 ...

  3. 银行HR：寒门再难出贵子

    银行HR:寒门再难出贵子来源:金融行业网 2013 年 8 月 6 日 来源:天涯社区 作者:永乐大帝二世 本文是一位银行的HR写的,他工作了10年,接待了一群到银行实习的实习生,然后观察他们发生的好 ...

  4. XCODE快捷键和功能汇总篇（不断更新）

    快捷键 command+b(build) 编译 command+r(run) 运行编译后程序鼠标放在代码元素上,按command然后单击,可以看到元素的属性

  5. 点击图标 标记为星标记事mac中修改默认的apache网站根目录位置

    在Mac OS X中可以很方便的通过开启“Web共享”启用Apache服务:设置方法如下: 打开“系统设置偏好(System Preferences)” -> “共享(Sharing)” -&g ...

  6. 2016 系统设计第一期 （档案一）jQuery checkbox 取值赋值

    <div class="form-group"> <label for="IsActive" class="col-sm-2 con ...

  7. 主成分分析（principal components analysis, PCA）——无监督学习

    降维的两种方式: (1)特征选择(feature selection),通过变量选择来缩减维数. (2)特征提取(feature extraction),通过线性或非线性变换(投影)来生成缩减集(复合 ...

  8. AsyncTask不能同时运行多个实例解决办法

    在项目中使用AsyncTask时,发现创建的多个实例无法同时运行,比如: AsyncTask t1 = new MyTask(); AsyncTask t2 = new MyTask(); t1.ex ...

  9. uva 10887

    是个 hash  用的容器类水过 #include <iostream> #include <cstdio> #include <string> #include ...

  10. Cent Os 常用操作

    开放端口 编辑iptables文件(/etc/sysconfig/iptables) -A INPUT -m state --state NEW -m tcp -p tcp --dport xx端口号 ...