详解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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
javascript 网页跳转的方法
Dec 24 Javascript
jQuery 判断元素上是否绑定了事件
Oct 28 Javascript
jQuery焦点图切换特效插件封装实例
Aug 18 Javascript
js数组循环遍历数组内所有元素的方法
Jan 18 Javascript
使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证
Sep 01 Javascript
jQuery源码分析之jQuery中的循环技巧详解
Sep 06 Javascript
Vue.js自定义指令的用法与实例解析
Jan 18 Javascript
js评分组件使用详解
Jun 06 Javascript
vue实现axios图片上传功能
Aug 20 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 Javascript
JavaScript利用键盘码控制div移动
Mar 19 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
剧场版动画《PSYCHO-PASS 3 FIRST INSPECTOR》3月27日日本上映!
2020/03/06 日漫
备份mysql数据库的php代码(一个表一个文件)
2010/05/28 PHP
Yii2 rbac权限控制操作步骤实例教程
2016/04/29 PHP
Javascript技术技巧大全(五)
2007/01/22 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
2011/09/05 Javascript
js时间日期和毫秒的相互转换
2013/02/22 Javascript
JS实现超炫网页烟花动画效果的方法
2015/03/02 Javascript
javascript实现详细时间提醒信息效果的方法
2015/03/11 Javascript
禁止按回车键提交表单的方法
2015/06/11 Javascript
AngularJS 中的指令实践开发指南(一)
2016/03/20 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
快速掌握jQuery插件开发
2017/01/19 Javascript
详解vue2路由vue-router配置(懒加载)
2017/04/08 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
2019/08/27 Javascript
js实现倒计时秒杀效果
2020/03/25 Javascript
JavaScript布尔运算符原理使用解析
2020/05/06 Javascript
python进阶教程之异常处理
2014/08/30 Python
探究Python中isalnum()方法的使用
2015/05/18 Python
简单的Apache+FastCGI+Django配置指南
2015/07/22 Python
python 读取.csv文件数据到数组(矩阵)的实例讲解
2018/06/14 Python
Python中文分词库jieba,pkusegwg性能准确度比较
2020/02/11 Python
使用css3实现的tab选项卡代码分享
2014/12/09 HTML / CSS
详解Html5页面实现下载文件(apk、txt等)的三种方式
2018/10/22 HTML / CSS
英国Boots旗下太阳镜网站:Boots Designer Sunglasses
2018/07/07 全球购物
lululemon美国官网:瑜伽服+跑步装备
2018/11/16 全球购物
2014年高三毕业生自我评价
2014/01/11 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
英语课外活动总结
2014/08/27 职场文书
小学教师先进事迹材料
2014/12/15 职场文书
男方婚礼答谢词
2015/01/20 职场文书
公司人事管理制度
2015/08/05 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
css3实现背景图片颜色修改的多种方式
2021/04/13 HTML / CSS