JavaScript基础-Function类

最新推荐文章于 2023-05-12 15:48:02 发布

yhjyumi

最新推荐文章于 2023-05-12 15:48:02 发布

阅读量444

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/yhjyumi/article/details/47206551

版权

javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

概述

Function继承Object类

Function 构造器创建一个新的Function 对象. 在JavaScript中每个函数(function)实际是一个Function对象.

构造器

new Function ([arg1[, arg2[, ...argN]],] functionBody)
//或者
function funcName() {}
//或者
var fn = function() {};

参数

参数1, 参数2, ... 参数N

被函数使用的参数的名称必须是合法命名的。参数名称是一个有效的JavaScript标识符的字符串，或者一个用逗号分隔的有效字符串的列表;例如“×”，“theValue”，或“A，B”。

函数体

一个含有包括函数定义的JavaScript语句的字符串。

描述

使用Function构造器生成的Function对象是在函数创建时被解析的。这比你使用函数声明(function)并在你的代码中调用低效，因为使用函数语句声明的function是跟其他语句一起解析的。

所有被传递到构造函数中的参数，都将被视为将被创建的函数的参数，并且是相同的标示符名称和传递顺序。

以调用函数的方式调用Function的构造函数 (不是用new关键字) 跟以构造函数来调用是一样的.

Function的属性和方法

全局的Function对象没有自己的属性和方法, 但是, 因为它本身也是函数，所以它也会通过原型链从Function.prototype上继承部分属性和方法。

Function的原型

属性

Function.length

传入function中的参数个数

方法

Function.prototype.apply(thisArg, [argsArray)

Function.prototype.bind(thisArg[, arg1[, arg2[, ...]]])

Function.prototype.call(thisArg[, arg1[, arg2[, ...]]])

Function的实例

Function 实例从 Function.prototype继承了一些属性和方法。跟所有的构造函数一样，你可以通过改变构造函数的原型对所有的Function实例的属性和方法进行更改。

例子

例子: 传入参数调用Function构造函数

下面的代码会创建一个需要两个参数的Function对象

// 可以直接运行在 JavaScript 控制的代码例子

// 创建了一个能返回两个参数和的函数
var adder = new Function("a", "b", "return a + b");

// 调用函数
adder(2, 6);
// > 8

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>MDN Example - a recursive shortcut to massively modify the DOM</title>
<script type="text/javascript">
var domQuery = (function() {
  var aDOMFunc = [
        Element.prototype.removeAttribute,
        Element.prototype.setAttribute,
        CSSStyleDeclaration.prototype.removeProperty,
        CSSStyleDeclaration.prototype.setProperty
      ];

  function setSomething (bStyle, sProp, sVal) {
    var  bSet = Boolean(sVal), fAction = aDOMFunc[bSet | bStyle << 1],
         aArgs = Array.prototype.slice.call(arguments, 1, bSet ? 3 : 2),
         aNodeList = bStyle ? this.cssNodes : this.nodes;

    if (bSet && bStyle) { aArgs.push(""); }
    for (
      var nItem = 0, nLen = this.nodes.length;
      nItem < nLen;
      fAction.apply(aNodeList[nItem++], aArgs)
    );
    this.follow = setSomething.caller;
    return this;
  }

  function setStyles (sProp, sVal) { return setSomething.call(this, true, sProp, sVal); }
  function setAttribs (sProp, sVal) { return setSomething.call(this, false, sProp, sVal); }
  function getSelectors () { return this.selectors; };
  function getNodes () { return this.nodes; };

  return (function (sSelectors) {
    var oQuery = new Function("return arguments.callee.follow.apply(arguments.callee, arguments);");
    oQuery.selectors = sSelectors;
    oQuery.nodes = document.querySelectorAll(sSelectors);
    oQuery.cssNodes = Array.prototype.map.call(oQuery.nodes, function (oInlineCSS) { return oInlineCSS.style; });
    oQuery.attributes = setAttribs;
    oQuery.inlineStyle = setStyles;
    oQuery.follow = getNodes;
    oQuery.toString = getSelectors;
    oQuery.valueOf = getNodes;
    return oQuery;
  });
})();
</script>
</head>

<body>

<div class="testClass">Lorem ipsum</div>
<p>Some text</p>
<div class="testClass">dolor sit amet</div>

<script type="text/javascript">
  domQuery(".testClass").attributes("lang", "en")("title", "Risus abundat in ore stultorum")
  .inlineStyle("background-color", "black")("color", "white")("width", "100px")("height", "50px");
</script>
</body>

</html>

yhjyumi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础-Function类

概述Function继承Object类 Function 构造器创建一个新的Function 对象. 在JavaScript中每个函数(function)实际是一个Function对象.构造器new Function ([arg1[, arg2[, ...argN]],] functionBody)参数参数1, 参数2, ... 参数N被函数使用的参数的名称必须是
复制链接

扫一扫