`

js中function的三种写法

 
阅读更多

以下是js中function的三种写法:

 

第一种是最普通的写法,  即声明一个函数。并在接受组件onclic事件是触发函数。

 

第二种写法是函数直接两的写法,即将函数赋给一个变量,然后调用这个变量,即可执行该函数。

 

最后一种写法就是利用构造函数来执行。

 

<!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>
</head>
<body>
		<mce:script language="javascript" ><!--
        		function frameOut(msg){
						alert(msg);
					}			//第一种方法,普通的函数写法
				
				function frameOut2(msg){
					var x = function (argument){
							alert(argument);
						};
						return x(msg);			//函数直接量
						}
					
        		function frameOut3(msg){
						x = new Function("msg","alert(msg)");
						x(msg);			//利用构造函数
					}
				
        
// --></mce:script>
        <input type="button" value="点击我,弹出框的" onclick="frameOut('Hello World')"/>
        <input type="button" value="第二种方法点击" onclick="frameOut2('Hello World')" />
        <input type="button" id="third" value="第三种方法点击" onclick="frameOut3('Hello World')" />
</body>
</html>
 
分享到:
评论

相关推荐

    javascript 中(function{})这种写法什么意思?.docx

    javascript 中(function{})这种写法什么意思?.docx

    js自调用匿名函数的三种写法(推荐)

    第一种: (function(){ console.log(‘hello world”) })() ...以上这篇js自调用匿名函数的三种写法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

    javascript中递归的两种写法

    话不多说,请看代码 function addd(n){ if(n==1){ return 1; } return n*addd(n-1); } function add(n){ var num=1; for(var i=1;i&lt;n;i++){ num=num*i; } return num; }

    Angularjs中controller的三种写法分享

    angularjs中controller其实就是一个方法,它有三种写法,下面来一起看看吧。 第一种: &lt;pre name=code class=javascript&gt;var AppController = ['$scope', function($scope){ $scope.notifyServiceOnChage = ...

    JavaScript类的写法

    我们知道,在js中,是没有类的概念的。类的所有实例对象都从同一个原型...下面,就讨论一下js类的几种写法: 构造函数法 /** * Person类:定义一个人,有name属性和getName方法 */ [removed] function Person(na

    【JavaScript源代码】详解ES6实现类的私有变量的几种写法.docx

    详解ES6实现类的私有变量的几种写法  闭包实现类的私有变量方式  通过 new 关键字 person 的构造函数内部的 this 将会指向 Tom,开辟新空间,再次全部执行一遍,  class Person{ constructor(name){ let _num = ...

    js面向对象的写法

    本文归纳了js面向对象的几种常见写法,分享给大家供大家参考,具体内容如下 1.工厂方式 var Circle = function() { var obj = new Object(); obj.PI = 3.14159; obj.area = function( r ) { return this.PI * ...

    浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序

    在Javascript定义一个函数一般有如下三种方式: 函数关键字(function)语句: function fnMethodName(x){alert&#40;x&#41;;} 函数字面量(Function Literals): var fnMethodName = function(x){alert&#40;x&#41;;} ...

    JavaScript 三种不同位置代码的写法

    js代码 function pop() { alert&#40;“在JavaScript函数处调用”&#41;; } 第二种是最简单的实现方式,代码如下 &lt;input type=”button” value=”按钮2″ id=”btn2″ onclick=”[removed]alert&#40;‘直接写函数...

    js自执行函数的几种不同写法的比较

    经常需要一个函数自执行,可惜这一种写法是错的: 代码如下: function(){alert&#40;1&#41;;}(); 原因是前半段“function(){alert&#40;1&#41;;}”被当成了函数声明,而不是一个函数表达式,从而让后面的“();”变得...

    深入理解javascript中的立即执行函数(function(){…})()

    ( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法,最初我以为是一个括号包裹匿名函数,再在后面加个括号调用函数,最后达到函数定义后立即执行的目的,后来发现加括号的原因...

    JavaScript立即执行函数的三种不同写法

    第一种: (function () { // open IIFE // inside IIFE }()); // close IIFE 第二种: !function () { // open IIFE ...第三种: void function () { // open IIFE // inside IIFE }(); // close IIFE

    JavaScript模拟实现封装的三种方式及写法区别

     JS中有很多实现继承的方法,今天我给大家介绍其中的三种吧。 1.在 Object类上增加一个扩展方法 //声明一个父类 function Person(name){ this.name=name; this.age=age; this.say=function(){ alert&#40;我叫+...

    javascript中函数的写法实例代码详解

    具体代码如下所述: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;...meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;... //js函数的书写 function myFunction() {

    详解JavaScript的另类写法

    JavaScript一种解释型的脚本语言,语法灵活,让不同的人对同一个功能有很多种不同的写法。怎样组织JavaScript代码才能让别人一眼看出你不简单呢?是否很期待别人在看完你的代码之后感叹一句“原来还可以这样写”呢?...

    JavaScript创建命名空间的5种写法

    在JavaScript中全局变量经常会引起命名冲突,甚至有时侯重写变量也不是按照你想像中的顺序来的,可以看看下面的例子: 复制代码 代码如下: var sayHello = function() {  return ‘Hello var’; }; function ...

    JavaScript中点击事件的写法

    第一种: btn.onclick=function(){ alert&#40;'hello world'&#41;; } 消除事件:btn.onclick=null;//就不会弹出框了 第二种: btn.addEventListener('click',function(){alert&#40;'hello world'&#41;},false);...

    JS中比Switch…Case更优雅的多条件判断写法

    废话不多说了,下面直接用三个实例,给大家分别展示三种不同的多条件判断写法。 1. if…else if…else function whatFood(mealtime) { let food = ''; if (mealtime === 'breakfasttime') { food = 'egg'; }

    Javascript模块化管理库jmd.js.zip

    jmd.js 是极小型、高性能 Javascript 模块化管理库(浏览器端)。特点遵循规范,可以像Node.js 一样来写模块代码(参见:AMD、CMD)完全异步,不对源码做任何改动、没eval、setTimeout,全速加载!干干净净,只有一个...

    javascript中$(function() {});写与不写有哪些区别

    javascript中$(function() {….}) 是 jQuery 中的经典用法,等同于 $(document).ready(function() {….}),即在页面加载完成后才执行某个函数,如果函数中要操作 DOM,在页面加载完成后再执行会更安全,所以在使用 ...

Global site tag (gtag.js) - Google Analytics