`

js function定义函数使用心得

 
阅读更多
1.最基本的作为一个本本分分的函数声明使用。
复制代码 代码如下:
function func(){}

var func=function(){};

2.作为一个类构造器使用:
复制代码 代码如下:
function class(){}
class.prototype={};
var item=new class();

3.作为闭包使用:
复制代码 代码如下:
(function(){
//独立作用域
})();

4.可以作为选择器使用:
复制代码 代码如下:
var addEvent=new function(){
if(!-[1,]) return function(elem,type,func){attachEvent(elem,'on'+type,func);};
else return function(elem,type,func){addEventListener(elem,type,func,false);}
};//避免了重复判断

5.以上四中情况的混合应用:
复制代码 代码如下:
var class=new function(){
var privateArg;//静态私有变量
function privateMethod=function(){};//静态私有方法
return function(){/*真正的构造器*/};};

6.利用Function处理ajax返回的js脚本:
复制代码 代码如下:
var ajax_js_code=
"{a:'a','b':'b','func':function(){alert('abc')}}";
//假设此为服务器返回responseText
ajax_js_code=
"return "+ajax_js_code;
//重构代码主体,根据需要可以有不同重构方法
var ajax_exec=new Function(ajax_js_code);
var result=ajax_exec();
alert(result.a+":"+result.b);
result.func();

这种构建函数方式:var func=new Function(args1,args2,args3,...,body) args:参数(任意多个); body:函数主体
如:var func=new Function("arg1","arg2","alert(arg1+':'+arg2)"); func("ooo","ppp");
应注意的是,注意返回代码的格式,根据处理原理返回形式可有一下几种:
复制代码 代码如下:
1.(function(){//代码})()
2.{a:"abc",func:function){}}//散列表
3.function(){}

以上三种应该能处理大部分代码了。
详细出处参考:http://www.jb51.net/article/23081.htm
分享到:
评论

相关推荐

    JavaScript学习基础学习心得

    ### JavaScript 学习基础心得 在深入探讨JavaScript的基础深度原理之前,我们首先了解JavaScript的一些基本概念,这将有助于我们更好地理解和应用这些高级知识点。 #### 浏览器组成 浏览器是JavaScript运行的重要...

    js function使用心得

    JavaScript函数是编程语言中最为重要的特性之一,理解并掌握函数的使用对于学习面向对象编程至关重要。以下为详细的心得体会: 1. 函数声明的基本用法: 函数是JavaScript中进行代码封装的基本单元。我们可以使用...

    Javascript学习总结

    字符串在JavaScript中是不可变的对象,通常使用单引号或双引号定义。可以通过转义字符`\`来插入特定字符,如`\n`代表换行符。字符串提供了丰富的操作方法,例如: - **拼接**:使用加号`+`连接多个字符串。 - **...

    Javascript数组操作高级心得整理

    (1) 定义函数 9 (2) 关于函数的arguments对象 9  在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。 9  使用arguments.length检测参数个数 9  模拟函数重载 10 (3) Function...

    js学习笔记、个人学习心得

    ### JavaScript 学习笔记与心得 #### 一、JavaScript 基础介绍 JavaScript 是一种广泛使用的编程语言,尤其在 Web 开发领域占有极其重要的地位。它是一种解释型语言,通常用于网页上实现动态效果,增强用户体验。...

    javascript学习总结

    函数参数在JavaScript中具有“默认值”的特性,如果没有提供实参,可以使用默认参数来设定值。例如: ```javascript function greet(name = 'World') { console.log('Hello, ' + name); } greet(); // 输出 "Hello...

    基于jquery的树形结构JsTree 使用心得

    **基于jQuery的树形结构——jsTree使用心得** 在网页开发中,树形结构是一种常见的数据展示形式,尤其适用于组织层级分明的数据,如文件系统、菜单结构等。jsTree是一款基于jQuery的开源库,它提供了丰富的功能和...

    Javascript 面向对象编程小结

    此外,`this`关键字在JavaScript中具有特殊含义,它的值取决于函数调用的位置,而不是定义的位置。在面向对象编程中,`this`通常指向调用当前函数的对象。但需要注意,当函数作为普通函数调用时,`this`将指向全局...

    js 宝典学习心得

    ### JavaScript宝典学习心得 #### 一、JavaScript基础概述 JavaScript是一种广泛应用于网页开发的脚本语言,它能够实现动态效果、用户交互以及与服务器通信等功能。本文将围绕《JavaScript宝典》一书中的核心知识...

    JavaScript面向对象编程指南.pdf

    当使用new关键字调用构造函数时,JavaScript引擎会创建一个新的空对象,并且按照构造函数中定义的属性和方法来初始化这个新对象。 3. prototype:在JavaScript中,每个函数都有一个prototype属性,这个属性指向一个...

    javascript入门教程.docx

    - **定义**:JavaScript中的函数通过`function`关键字定义,可以接收参数并返回结果。函数是JavaScript中非常重要的概念,用于封装可重用的代码块。 ```javascript function greet(name) { return "Hello, " + ...

    浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结.docx

    ### 浅析AMD、CMD与CommonJS规范——JavaScript模块化加载学习心得总结 #### 一、引言 在现代Web开发中,随着项目规模的不断扩大和技术复杂度的提高,JavaScript模块化成为了一种非常重要的编程实践。通过将复杂的...

    javaScript笔记

    3. **函数**:函数是一段可重复使用的代码块,使用`function`关键字定义。JavaScript还支持匿名函数和箭头函数。函数也可以作为一等公民,可以赋值给变量、作为参数传递和作为返回值。 4. **对象与原型**:...

    Javascript常用方法

    - **函数声明**:使用 `function` 关键字定义函数,如 `function myFunction(param1, param2) { ... }`。 - **函数表达式**:将函数赋值给一个变量,如 `var myFunction = function(param1, param2) { ... };`。 - *...

    JS方法总结

    5. 函数定义:使用 `function` 关键字创建函数,`Arrow Function` 提供了一种更简洁的定义函数的方式。 6. 函数参数:默认参数值、剩余参数(rest parameters)和解构赋值可以优化函数参数的处理。 二、JavaScript...

    d3js 学习小记

    了解SVG的基本知识对于使用D3.js绘制图表非常有帮助。 - **SVG 标签**:SVG文档通常由`<svg>`标签开始,并在其内部包含各种形状或图形。 - **路径(Path)**:`<path>`标签用于绘制任意形状,其`d`属性定义了路径的...

    浅析AMD CMD CommonJS规范–javascript模块化加载学习心得总结

    AMD通过`require.js`等库实现,它允许模块定义时声明依赖,从而允许预加载。 CMD是淘宝团队为浏览器环境设计的,它在AMD的基础上做了进一步优化。CMD推崇“就近书写”原则,依赖关系尽可能地延迟到实际使用时才解析...

    JS跨域交互(jQuery+php)之jsonp使用心得

    例如,客户端JavaScript可能定义了一个名为`fncallback`的函数: ```javascript function fncallback(data) { // 处理接收到的数据 } ``` 然后使用jQuery的`getScript`或`getJSON`方法向服务器发起请求,请求中...

Global site tag (gtag.js) - Google Analytics