深入理解JavaScript 函数


Posted in Javascript onJune 06, 2016

方法&函数

区别

1.function 是更通用的概念,如数学、编程

2.method 是面向对象中的概念,一般与类或对象成对出现

关系

1.对象的属性可以是任意类型

2.对象的属性如果是函数类型,它就叫做这个对象的方法

3.所以方法的本质还是函数

函数的调用

1.fun()
2.obj.fun()
3.fun.call()

函数的属性和方法

1.name
2.length
3.toString

作用域

变量不是哪里都可以使用

全局变量(跨文件)

var n = 1;
function fn(){
  console.log(n); // 1
}

局部变量(只能在函数内部访问)

function fn1(){
  var n = 2;
}
console.log(n); // Uncaught ReferenceError: number is not defined

函数作用域

•函数能独立出一个作用域

var n = 1;
function f(){
  var n = 2;
  console.log(n); // 在当前作用域进行变量寻找
}
f();
console.log(n); // 在全局作用域进行变量寻找

•函数里面可以访问函数外面

var n = 1;
var x = function(){
  console.log(n);
};

function f(){
  var n = 2;
  x();
}
f();

•自调用匿名函数

!function (){
  var n = 1;
  console.log(n);
};

~function (){
  var n = 1;
  console.log(n);
};

(function(){
  var n = 1;
  console.log(n);
}());

•闭包

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
   <title>JS Bin</title>
  </head>
  <body>
   <ul>
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>
    <li>ddd</li>
    <li>eee</li>
   </ul>
   <script>
    var items = document.getElementsByTagName('li'),
      i = 0;
    for (i; i < items.length; i++) {
     items[i].onclick = function(e){
      alert(i);
     };
    }
   </script>
  </body>
</html>

以上这篇深入理解JavaScript 函数就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js DataSet数据源处理代码
Mar 29 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 Javascript
JS 实现Table相同行的单元格自动合并示例代码
Aug 27 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
Oct 20 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
微信小程序-小说阅读小程序实例(demo)
Jan 12 Javascript
vue 挂载路由到头部导航的方法
Nov 13 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 Javascript
JS实现躲避粒子小游戏
Jun 18 Javascript
Node.js的Web模板引擎ejs的入门使用教程
Jun 06 #Javascript
javascript url几种编码方式详解
Jun 06 #Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 #Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
Jun 06 #Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
Jun 06 #Javascript
深入理解逻辑表达式的用法 与或非的用法
Jun 06 #Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 #Javascript
You might like
PHP在特殊字符前加斜杠的实现代码
2011/07/17 PHP
thinkPHP分页功能实例详解
2017/05/05 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
Laravel学习教程之model validation的使用示例
2017/10/23 PHP
PHP Web表单生成器案例分析
2020/06/02 PHP
HR vs CL BO3 第一场 2.13
2021/03/10 DOTA
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
2013/09/09 Javascript
js中的replace方法使用介绍
2013/10/28 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
2014/07/30 Javascript
JS与jQuery遍历Table所有单元格内容的方法
2015/12/07 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
2016/11/03 Javascript
Bootstrap源码解读按钮(5)
2016/12/23 Javascript
js遮罩效果制作弹出注册界面效果
2017/01/25 Javascript
Vue实现导航栏点击当前标签变色功能
2020/08/19 Javascript
实用Javascript调试技巧分享(小结)
2019/06/18 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
2020/06/16 Javascript
Python3.7实现中控考勤机自动连接
2018/08/28 Python
python实现视频分帧效果
2019/05/31 Python
python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例
2020/03/06 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
解决tensorflow 释放图,删除变量问题
2020/06/23 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
CSS伪类与CSS伪元素的区别及由来具体说明
2012/12/07 HTML / CSS
Sixt美国租车:高端豪华车型自驾体验
2017/09/02 全球购物
会计与审计专业大专生求职信
2013/10/03 职场文书
孕妇离婚协议书范本
2014/11/20 职场文书
2014年团队工作总结
2014/11/24 职场文书
担保书范本
2015/01/20 职场文书
教师文明餐桌光盘行动倡议书
2015/04/28 职场文书
食堂管理制度范本
2015/08/04 职场文书
技术入股合作协议书
2016/03/21 职场文书
浅谈Web Storage API的使用
2021/06/23 Javascript
电频谱管理的原则是什么
2022/02/18 无线电