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. NowCoder数列

    题目:https://www.nowcoder.com/questionTerminal/0984adf1f55a4ba18dade28f1ab15003 #include <iostream& ...

  2. mac 配置nginx 虚拟域名(转载）

    我是通过homebrew 安装nginx 的,所以安装目录是默认的,之前多个server都是放在默认安装目录下的nginx.conf里的,但是这样不太好,就是会导致nginx.conf 越来越长,而且 ...

  3. css width

    转载:http://blog.csdn.net/dddddz/article/details/8631655

  4. Jquery | 基础 | 慕课网 | 元素选择器

    getElementsByTagName方法得到页面所有的<div>元素 var divs = document.getElementsByTagName('div'); 与 同样的效果, ...

  5. 2-zakoo使用

    source:http://kazoo.readthedocs.io/en/latest/basic_usage.html 1 基本使用 1.1 连接处理 要使用zakoo,需要创建一个KazooCl ...

  6. Codeforces Round #542(Div. 2) C.Connect

    链接:https://codeforces.com/contest/1130/problem/C 题意: 给一个n*n的图,0表示地面,1表示水,给出起点和终点, 现要从起点到达终点,有一次在两个坐标 ...

  7. 洛谷 P3400 仓鼠窝

    卡常 #pragma GCC optimize(2) #include<cstdio> #include<algorithm> #include<cstring> ...

  8. 在CATIA中通过OUTGEN 生成OUT 文件 教程

    前言: 本教程基于CATIA V5R2014版本. 关于大众数据标准格式:OUT/DMU/PCA文件的说明,如图1所示. 图1:关于OUT/DMU/PCA文件的说明 1.创建KPR文件,下挂所有子文件 ...

  9. python收发邮件的方法

    def acptmail(): email = 'xxx@163.com' #input('Email:') password = 'xxx' #input('Password: ') pop3_se ...

  10. 让搜狗输入法更符合编程/vim使用的配置

    1. “菜单”—“设置属性”—“常用”—“初始状态”里的“中/英文”选项,选中“英文” 2. 设置属性里的“高级”里的“高级模式”,点“英文输入法设置”,“启动时启用英文输入法”选中 3. 按键-中英 ...