详解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 相关文章推荐
jquery绑定原理 简单解析与实现代码分享
Sep 06 Javascript
自定义jQuery选项卡插件实例
Mar 27 Javascript
js实现幻灯片效果(基于jquery插件)
Nov 05 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
使用mouse事件实现简单的鼠标经过特效
Jan 30 Javascript
jQuery实现点击小图显示大图代码分享
Aug 25 Javascript
JS实现的竖向折叠菜单代码
Oct 21 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
Jul 22 Javascript
Angular 2父子组件数据传递之局部变量获取子组件其他成员
Jul 04 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
Oct 27 jQuery
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 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
PHP获取文件夹内文件数的方法
2015/03/12 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
js查看一个函数的执行时间实例代码
2015/09/12 Javascript
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
js纯数字逐一停止显示效果的实现代码
2016/03/16 Javascript
JS实现的相册图片左右滚动完整实例
2016/11/23 Javascript
详解如何较好的使用js
2016/12/16 Javascript
layer弹出层框架alert与msg详解
2017/03/14 Javascript
JavaScript实现滑动导航栏效果
2017/08/30 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
2018/07/26 Javascript
vue2.0 如何在hash模式下实现微信分享
2019/01/22 Javascript
Vue如何获取数据列表展示
2019/12/11 Javascript
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
在Python下利用OpenCV来旋转图像的教程
2015/04/16 Python
Python中集合的内建函数和内建方法学习教程
2015/08/19 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
python爬虫的数据库连接问题【推荐】
2018/06/25 Python
使用Flask-Cache缓存实现给Flask提速的方法详解
2019/06/11 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
pycharm中导入模块错误时提示Try to run this command from the system terminal
2020/03/26 Python
美国网上订购鲜花:FTD
2016/09/23 全球购物
德国最大的拼图在线商店:Puzzle.de
2016/12/17 全球购物
北美Newegg打造的全球尖货海购平台:tt海购
2018/09/28 全球购物
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
瀑布模型都有哪些优缺点
2014/06/23 面试题
如何唤起类中的一个方法
2013/11/29 面试题
土木工程专业推荐信
2014/02/19 职场文书
买卖车协议书
2014/04/21 职场文书
人事专员岗位职责说明书
2014/07/30 职场文书
党的群众路线教育实践活动个人对照检查材料范文
2014/09/25 职场文书
个人投资合作协议书
2014/10/12 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书