Function()构造函数与函数直接量

制作人：全心全意

在JavaScript中，除了可使用基本的function语句定义函数之外，还可以使用另外两种方式来定义，即使用Function()构造函数和函数直接量定义。这两者之间的区别如下：

  • 构造函数Function()允许在运行时动态创建和编译JavaScript代码，而函数直接量却是程序结构的一个静态部分，就像函数语句一样。
  • 每次调用构造函数Function()时都会解析函数体，并且创建一个新的函数对象，如果对构造函数的调用出现在一个循环中，或者出现在一个经常被调用的函数中，这种方法的效率将非常低。而函数直接量不论出现在循环体还是嵌套函数中，既不会在每次调用时都被重新编译，也不会在每次遇到时都创建一个新的函数对象。
  • Function()创建的函数使用的不是静态作用域，相反地，该函数总是被当作顶级函数来编译。

例：编写自定义的JavaScript函数，在该函数中屏蔽键盘的回车键、退格键、F5键、Ctrl+N组合键、Shift+F10组合键。

注：使用谷歌浏览器测试（Ctrl+N也不可用）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

	function maskingKeyboard() {

		if (event.keyCode == 8) { //判断是否为退格键

			event.keyCode = 0;

			event.returnValue = false;

			alert("当前设置不允许使用退格键");

		}

		if (event.keyCode == 13) { //判断是否为回车键

			event.keyCode = 0;

			event.returnValue = false;

			alert("当前设置不允许使用回车键");

		}

		if (event.keyCode == 116) { //判断是否为F5键

			event.keyCode = 0;

			event.returnValue = false;

			alert("当前设置不允许使用F5刷新键");

		}

		if ((event.altKey) && (enent.keyCode == 78)) { //判断是否为Ctrl+N组合键

			event.returnValue = false;

			alert("当前设置不允许使用Ctrl+N新建IE窗口");

		}

		if ((event.shiftKey) && (enent.keyCode == 121)) { //判断是否为Shift+F10组合键

			event.returnValue = false;

			alert("当前设置不允许使用Shift+F10组合键");

		}

	}

</script>

</head>

<body onkeydown="maskingKeyboard()">

	<h1>静夜思</h1>

</body>

</html>

Function()构造函数与函数直接量的更多相关文章

  1. JS特殊函数(Function()构造函数、函数直接量)区别介绍

    函数定义 函数是由这样的方式进行声明的:关键字 function.函数名.一组参数,以及置于括号中的待执行代码. 函数的构造语法有这三种: 1.function functionName(arg0, ...

  2. 建议13:禁用Function构造函数

    定义函数的方法包括3种:function语句,Function构造函数和函数直接量.不管用哪种方法定义函数,它们都是Function对象的实例,并将继承Function对象所有默认或自定义的方法和属性 ...

  3. Function构造函数

    使用Function构造函数, 也能够创建函数, 和使用关键字function定义函数有几点区别: 使用function关键字这样定义函数: var f = function(x,y) {return ...

  4. js Function()构造函数

    var scope="global";    function constructFunction(){        var scope="local";   ...

  5. JS对象直接量，数组直接量和函数直接量

    对象直接量创建一个对象: var obj = {x:[1,2],y:23}; 代码跟下面是一样的. var obj=new Object(); obj.x=new Array(1,2); obj.y= ...

  6. Scala函数字面量简化写法

    Scala提供了多种方法来简化函数字面量中多余的部分,比如前面例子中filter方法中使用的函数字面量,完整的写法如下: (x :Int ) => x +1 首先可以省略到参数的类型,Scala ...

  7. js拾遗: 函数字面量

    今天落叶同学发我一篇文章,我看到一个"新"名词 "函数字面量" (也可叫直接量),当时我就郁闷了,这是什么东西? 我怎么没听说过..回头翻了下权威指南,在第 4 ...

  8. (转载)JavaScript中匿名函数，函数直接量和闭包

    首先,我们先看看下面几种写法:1.function f(x){return x*x;};f(x);2.(function(x){return x*x;})(x);3.(function(x){retu ...

  9. Javascript的函数直接量定义

    在Javascript中允许函数通过直接量来定义.一般情况下,我们定义函数时,最常见的方式是通过function语句进行定义,例如: function sum(a,b){     return a+b ...

随机推荐

  1. css - 单词的自动换行问题

    转载自:解决文档中有url链接时被强制换行的问题 问题 当行内出现很长的英文单词或者url的时候,会出现自动换行的问题,为了美化页面,往往会希望这些很长的英文单词或者url能够断开来,超出的部分换行到 ...

  2. Selenium | 基础入门 | 利用Xpath寻找用户框

    以微信公众号登陆界面为例, 找到相对应的Xpath的方法, 核心代码: System.setProperty(“webdriver.chrome.driver”,“ C:\\Program Files ...

  3. solr facet查询及solrj 读取facet数据[转]

    solr facet查询及solrj 读取facet数据 | 所属分类:solr facet solrj 一.   Facet 简介 Facet 是 solr 的高级搜索功能之一 , 可以给用户提供更 ...

  4. 关于发布WP 8.1应用信息不匹配问题的解决办法

    错误提示:   与此更新关联的程序包标识符与已上传程序包中的标识符不匹配: The package identity associated with this update doesn't match ...

  5. 前端之CSS创建的样式

    CSS即层叠样式表,在创建时有以下几种样式: 1.内联样式(行内样式.行间样式): <标记 style=“属性:属性值:”></标记> 2.内部样式(嵌入式样式): <s ...

  6. PHP设计模式 原型模式(Prototype)

    定义 和工厂模式类似,用来创建对象.但实现机制不同,原型模式是先创建一个对象,采用clone的方式进行新对象的创建. 场景 大对象的创建. 优点 1.可以在运行时刻增加和删除产品 2.可以改变值或结构 ...

  7. Android基础夯实--重温动画（二）之Frame Animation

    心灵鸡汤:天下事有难易乎,为之,则难者亦易矣:不为,则易者亦难矣. 摘要 当你已经掌握了Tween Animation之后,再来看Frame Animation,你就会顿悟,喔,原来Frame Ani ...

  8. iOS 动画(基于Lottie封装)

    一般app中都会带有动画,而如果是一些复杂的动画,不但实现成本比较高,而且实现效果可能还不能达到UI想要的效果,于是我们可以借助lottie来完成我们想要的动画.   lottie动画1.gif   ...

  9. NSString 与NSMutableString的区别

      NSString 与NSMutableString的区别    Suppose You have a code like this NSString *s = [[NSString alloc]  ...

  10. spring中junit 提示Failed to load ApplicationContext

    错误提示: 1:java.lang.IllegalStateException: Failed to load ApplicationContext 2:Error creating bean wit ...