详解JavaScript函数对象


Posted in Javascript onNovember 15, 2015

函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

function One(leve , leve){
  //code
  return leve+leve
 }

注释:

形参不需要加上类型;

return语句为可选,没有return语句的函数返回undefined; 

局部变量与全局变量

在函数内声明:局部变量

在函数外声明:全局变量

向一个新变量名赋值时并没有使用var:这个变量会变为新的全局变量

函数可以作为值

形式1:

function init(){
  alert("One")
 }
 window.onload = init;

形式:

window.onload = function(){
  alert("One");
 }

注:以上两种方式,都能让浏览器提示:One。

对象

JavaScript 中的所有事物都是对象:字符串、数值、数组、函数,此外,JavaScript 允许自定义对象。 

对象的引用

将一个对象赋至变量时,这个变量会包含这个对象的一个引用,而不是对象本身。

调用一个函数传入对象时,实际上是只传递了对象引用(拷贝一份引用副本,传给形参,指向对象,即两个引用指向了同一对象)

创建对象

var dog = {
  name : "myDog",
  weight : ,
  bark :function(){
   alert("woof!");
  } 
 }
 dog.bark();

注:每一个属性(除了最后一个)后都要有“,”。

构造函数构造对象

function Dog(name,weight){
  this.name = name;
  this.weight = weight;
  this.bark = function(){
   if(this.weight > ){
    alert(this.name + "Woof!");
   }else{
    alert(this.name + "Yip!");
   }
  };//这里也不能忘了分号
 }
 var myDog = new Dog("hello","");
 myDog.bark();

PS:

1.什么是构造函数

构造函数 ,是一种特殊的方法。主要用来在创建对象时初始化对象, 即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中。

这是我查阅相关资料的解释,解释的很书本化但意思表达的还是很清楚的。下面请看小例子:

代码如下:

 

 var request = new XMLHttpRequest();

这句表达式是我们在使用AJAX技术时创建request对象时经常用到的。那么我们可以清楚的看到 “new XMLHttpRequest();” 这句话就是一个标准的构造函数!我们 “var” 声明了一个 “request” 对象,用构造函数 “new XMLHttpRequest();” 来初始化这个 “request” 对象为它赋初始值。所以我们可以知道:“与 ‘new' 运算符一起使用用来创建对象并初始化对象的‘函数'就是构造函数”。

比如我们常见的声明数组就是标准的构造函数:var array = new Array();

  2.什么是实例化对象

代码如下:

var request = new XMLHttpRequest();

在面向对象的编程中,通常把用类创建对象的过程称为实例化。

上面我用红色和蓝色将解释的重点标了出来。说白了,实例化对象就是创建对象的过程!

那么什么是“类”呢?根据字面理解我们可以理解为“类型”。比如“蛋糕”,它是一个甜品的分类,也就是一个类型;那么起司蛋糕则是甜品中蛋糕这个分类的具体的个体,也就是对象。

我们知道在程序语言中,“类”是抽象的,我们没有办法来操作它或使用它的方法和属性,只有把这个类实例化成为一个对象,我们才可以去调用它的一系列方法和属性。其实这个也很好理解,在生活中抽象的东西我们没有办法看到它或者捕捉到它,那么自然我们也没有办法去使用它的一些功能,只有将抽象的东西具体到一个个,个体或实际的对象,我们才能清楚的理解或者认识它;编程亦是如此。因此,实例化对象就是由抽象到具体的过程,这个过程就叫实例化。

Javascript 相关文章推荐
静态页面的值传递(三部曲)
Sep 25 Javascript
jQuery EasyUI 开源插件套装 完全替代ExtJS
Mar 24 Javascript
jquery 3D球状导航的文章分类
Jul 06 Javascript
jQuery中创建实例与原型继承揭秘
Dec 21 Javascript
jQuery遍历Table应用示例
Apr 09 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
May 11 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
Oct 11 Javascript
Vue.js2.0中的变化小结
Oct 24 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
Mar 01 Javascript
解决layer 动态加载select 失效的问题
Sep 18 Javascript
JavaScript创建表格的方法
Apr 13 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 #Javascript
深入浅析JavaScript中prototype和proto的关系
Nov 15 #Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 #Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 #Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
Nov 15 #Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 #Javascript
js读取并解析JSON类型数据的方法
Nov 14 #Javascript
You might like
smtp邮件发送一例
2006/10/09 PHP
使用php实现下载生成某链接快捷方式的解决方法
2013/05/07 PHP
让CodeIgniter的ellipsize()支持中文截断的方法
2014/06/12 PHP
php中rename函数用法分析
2014/11/15 PHP
页面中iframe相互传值传参
2009/12/13 Javascript
Cookie 小记
2010/04/01 Javascript
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
Extjs根据条件设置表格某行背景色示例
2014/07/23 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
2014/09/21 Javascript
js实现左侧网页tab滑动门效果代码
2015/09/06 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
微信小程序 swiper组件轮播图详解及实例
2016/11/16 Javascript
nodejs构建本地web测试服务器 如何解决访问静态资源问题
2017/07/14 NodeJs
防止Layui form表单重复提交的实现方法
2019/09/10 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
Python中用于计算对数的log()方法
2015/05/15 Python
Python中的字典与成员运算符初步探究
2015/10/13 Python
关于python pyqt5安装失败问题的解决方法
2017/08/08 Python
Python生成器定义与简单用法实例分析
2018/04/30 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
python Django框架实现web端分页呈现数据
2019/10/31 Python
快速解决jupyter启动卡死的问题
2020/04/10 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
电大毕业生自我鉴定
2013/11/10 职场文书
合同专员岗位职责
2013/12/18 职场文书
家具厂厂长岗位职责
2014/01/01 职场文书
四风问题对照检查材料整改措施
2014/09/27 职场文书
小学教师自我剖析材料
2014/09/29 职场文书
2014银行授权委托书样本
2014/10/04 职场文书
个人纪律作风整改措施思想汇报
2014/10/12 职场文书
如何制定一份可行的计划!
2019/06/21 职场文书
2019大学生实习报告
2019/06/21 职场文书
2019毕业典礼主持词!
2019/07/05 职场文书
成功的商业计划书这样写才最靠谱
2019/07/12 职场文书