关于js函数,方法,对象实例的一些说明
朋友们大家好,好久没有更新文章了,最近正好有空就想着写点什么吧,加上这段时间总是能听到一些朋友们问关于js函数,方法,对象实例到底有什么区别这个问题,所以今天就献丑来简单说明一些吧!
其实这些主要都是一些概念上的东西,在这里还是推荐大家多看看诸如《JavaSript权威指南》,《JavaScript高级编程》之类的书籍,当然这些概念如果用代码写出来我相信大家也都还是能够知道的,所以下面我就用文字和代码举一些简单的例子进行说明:
函数:简单的说函数就是,使用function关键字定义(或声明)的表达式语句;他有两种写法,一种是函数定义表达式:
1
|
var aa = function (){....}; |
另一种是函数声明语句:
1
|
function aa(){....}; |
这两种写法在调用时基本一样,但是这两种写法还是有一些区别的:
1.js脚本在运行时会把函数声明语句提升到所在作用域的最顶端,也就是说你在底下声明的函数在其声明之前也可以调用,即可以先调用后声明,但函数定义表达式则必须先定义后调用;
2.正是函数声明语句的作用域提升所以最好不要在if/for/while等语句内使用函数声明语句,因为这些语句没有块级作用域;
函数说完了,接下来说说方法:
方法:所谓方法其实就是当对象的属性是一个函数时,这个函数就是该对象的方法;简而言之方法就是,作为对象属性的函数!
1
2
3
4
5
6
|
//定义一个对象bb var bb = { cc : function (){ ........... } } |
看上面这段代码,函数cc在这里就是对象bb的方法,我们一般叫做bb的cc方法!
看到这里我想大家应该能够明白函数跟方法的区别了吧:
方法也是函数,但只有作为对象属性的函数才是方法!
有点绕啊,但是大家应该都能看的明白!
接着我们在来说说实例:
实例是怎么回事了,其实简单点说,实例就是通过new关键字调用的对象!
1
2
|
var obj = new Object; //这里对象obj就是一个对象实例; var arr = new Array; //这里的arr就是一个数组实例; |
上面是两个简单的例子;下面我们可一个稍微复杂点的:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
//创建一个简单的information var information = function (){ this .name = '' ; this .setName = function (name){ this .name = name; } this .getName = function (){ alert( this .name); } } //创建information类的实例 var myName = new information; //这里没有参数,可以省略小括号 myName.setName( '平凡公子' ); //调用实例的setName方法; myName.getName() //调用实例的getName方法; |
上面这个例子可以看出实例,方法,以及实例方法;information是一个对象(函数也是对象),myName是information对象的实例,setName和getName是对象方法,在这里它们也是实例对象myName的方法!
总结:方法是一个作为对象属性的函数,实例是通过关键字new来调用的函数(对象),实例对象是对对象的一个引用,它具有对象的所有方法!
好吧,说到这里本文也就该结束了,可能由于语言水平问题有些地方没有表达清楚,还请各位看官海涵!如有不明白的地方可以留言!
关于js函数,方法,对象实例的一些说明的更多相关文章
- JS函数和对象(一)
在本文章中,将对JS中的函数和对象进行一些讲解,不对之处还请之处 一.JS中的函数 1.1无参函数 其形式如下代码所示 function box(){ alert("我是一个函数,只有被调用 ...
- node js 函数和对象
1.函数 1.1匿名函数 函数声明 function fn(){ } 函数表达式 var fun=function(){ } 函数名称和函数名称()的区别 fun/fn fun()/fn() ...
- JS函数和对象
1.函数 isNaN(数据)/parseInt/parseFloat/Number/prompt... 函数分为系统函数和自定义函数 function: 功能体,函数(方法),可以接受若干个数据,返回 ...
- 深入理解js——函数和对象的关系
函数也是对象,但是函数却不像数组--数组是对象的一种,它是对象的一个子集.函数和数组之间不是单纯的包含与被包含的关系,它们之间有点像鸡生蛋蛋生鸡的逻辑. 来例子:function Fn(){ this ...
- 页面加载时调用js函数方法
方法一:在html的body中加入onload=""事件 <body onload='queryServer()'> </body> 方法二:jquery ...
- js函数方法
/** * call()和apply * 这两个方法都是函数对象的方法,需要通过函数对象来调用 * 当对函数调用call()和apply()都会调用函数执行 * 在调用call()和apply()可以 ...
- js函数事件对象
每个函数都有4个默认对象 arguments 保存着实际传入的参数,集合列表 return 有两个功能,打断函数和返回函数值 this 谁调用的函数,this就是谁 event 事件对象 事件 box ...
- iframe调用父页面js函数 方法 元素
在一个页面中添加iframe,但是有时需要与父页面进行通信,传递参数. 网上总结有以下方法: 一.iframe标签中 src属性传参 <iframe src="test.jsp?i ...
- JS中的对象和方法简单剖析
众所周知,在js中对象就是精髓,不理解对象就是不理解js. 那么什么事js中的对象呢? 在js中,几乎一切皆对象: Boolean ,String,Number可以是对象(或者说原生数据被认作对象): ...
- AS与JS相互通信(Flex中调用js函数)
转载自http://www.blogjava.net/Alpha/archive/2009/06/27/284373.html Flex中As调用Js的方法是: 1.导入包 (import f ...
随机推荐
- spring框架入门之一
一.什么是Spring框架 1.什么是Spring Spring框架是个一个全栈的框架.意思就是使用Spring的框架可以开发web层,service层还有dao层. 本质:Spring就是一个对象的 ...
- Python3.5+PyQt5多线程+itchat实现微信防撤回桌面版代码
weChatThread线程类 之前一直不会python多线程,写这个程序的时候,发现不用多线程会陷入无限未响应状态.于是学了半天python多线程,但是在主函数里写的时候,发现一个问题,Ui主线程和 ...
- Linux指令之netstat
查看某个端口的连接数 netstat -nat | grep -iw "8463" | wc -l [Mac&Redhat通用] 查看连接状况 netstat -nat | ...
- Python查看关键字和帮助信息
1.查看所有的关键字 >>> help('keywords') Here is a list of the Python keywords. Enter any keyword to ...
- oracle 12cR2 smart flash cache实测
最近一直在处理新系统的性能优化问题,这两天特地测试了下oracle 11gR2开始引入的smart flash cache. 其介绍参考MOS文档,How To Size the Database S ...
- 1、pandas使用sort_values排序
用Numpy库的randn函数生成一个完整的DataFrame: DataFrame有多个参数: data就是要转换成DataFrame的内容,很多数据类型都可以转换成DataFrame,比如:Ser ...
- nginx按日期分割日志
#!/bin/bash # Program:chenglee # Auto cut nginx log script. LOGS_PATH="/usr/local/nginx1.13/log ...
- cmd使用管理员权限运行,启动路径不是当前目录
https://stackoverflow.com/questions/672693/windows-batch-file-starting-directory-when-run-as-admin B ...
- 【第四十章】Spring Boot 自定义拦截器
1.首先编写拦截器代码 package com.sarnath.interceptor; import javax.servlet.http.HttpServletRequest; import ja ...
- 对象扩展运算符(…)与rest运算符
对象扩展运算符(…) 当编写一个方法时,我们允许它传入的参数是不确定的.这时候可以使用对象扩展运算符来作参数,看一个简单的列子: function xzdemo(...arg){ console.lo ...