js function定义函数使用心得

js function定义函数使用心得,了解这个才能更进一步的了解js面向对象方面的知识。

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(){}

以上三种应该能处理大部分代码了。

时间: 2024-11-08 01:23:37

js function定义函数使用心得的相关文章

js类定义函数时用不用prototype的区别?

一直在使用js编写自以为是面向对象的方法,遇到一个问题,就是定义一个方法,如下:      function ListCommon2(first,second,third) {   this.First=function () {  alert("first do"+first); } }  ListCommon2.do1=function(first) {    //   this.First();  alert("first do"+first); } List

js面向对象编程: js类定义函数时prototype和this区别?

在面向对象编写js脚本时,定义实例方法主要有两种 如下: function ListCommon2(afirst) { var first=afirst; this.do1=function () { alert("first do"+first); } } ListCommon2.prototype.do2=function() { // alert("first do"+first);//会出错,不能访问first this.do1(); } this.do1=

js面向对象编程: js类定义函数时prototype和this差别?

在面向对象编写js脚本时,定义实例方法主要有两种 例如以下: function ListCommon2(afirst) { var first=afirst; this.do1=function () { alert("first do"+first); } } ListCommon2.prototype.do2=function() { // alert("first do"+first);//会出错.不能訪问first this.do1(); } this.do

js中定义函数的常用方式

1:函数声明 因为在js中有函数提升特性,所以函数声明可以写在作用域的任意地方. 2:函数表达式,又叫函数字面量 原文地址:http://blog.51cto.com/11871779/2119688

Node.js 教程 06 - 函数

前言: 本篇介绍的是Node.js中的函数,相对于上一篇会简单一点,其实和我们Javascript中的function无异. 好了,废话不多说了,我们进入正题吧. Node.js函数: [示例1:创建基本的带参函数] 在Javascript中,我们使用function定义函数,Node.js本身语法就可以看做纯Js,所以创建函数也是一样的. function sayHello(_name){ console.info("Hello : " + _name); } sayHello(&q

JS如何定义方法及调用 精选

简单搜索了下,遇到点问题1,经常在JS中看到如var foo = function(){}的形式foo是方法名还是对象名,如果想调用此方法,是用foo(),foo.function(),还是该如何正确调用.除此之外,希望高手帮忙总结下,JS自定义方法和调用的一个大全,这个可以没有,先谢了 方法(method)是通过对象调用的javascript函数.也就是说,方法也是函数,只是比较特殊的函数. 函数(function)是一段代码,需要通过名字来进行调用.它能将一些数据(函数的参数)传递进去进行处

js中的函数应用

js中的函数应用 什么是函数,函数的概念 函数就像一个黑匣子,里面的东西你都不知道,但是你提供一些材料放进去,他可以制造出你需要的东西; 可以让多个一样的功能封装组合起来,然后想执行几次就执行几次 函数就是另外一种形式的变量 函数的创建和执行 定义函数的方式 函数声明 ```js function test(){ } ``` 函数表达式 ```js //命名函数表达式 var test = function abc(){ } //匿名函数表达式 var test = function(){ }

javascript学习笔记(二):定义函数、调用函数、参数、返回值、局部和全局变量

定义函数.调用函数.参数.返回值 关键字function定义函数,格式如下: function 函数名(){ 函数体 } 调用函数.参数.返回值的规则和c语言规则类似. 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta chaset="UTF-8"> 5 <title></title> 6 </head> 7 <body

PHP基础班初学心得:脑洞实验-JS变量存储函数与return的一些问题

本人刚参加PHP基础班培训第一天,由于之前毫无基础,分享的心得可能不规范,方法也许也"旁门左道",不能保证质量,只作自己总结学习,也希望能帮助到同样是初学者的朋友们,共同进步. 在这里分享一下我们基础班学员遇到的一些疑点和我的分析.PS:分析不一定正确,希望同行指教 一:将定义函数赋值给一变量 像var str=function say(){} 我的分析:相当于函数覆盖了变量,变量可以像函数调用,不过调用里面好像弄不了参数,原来的函数再调用也不会有效果 二:脑洞实验:将定义函数赋值给一