深入理解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 相关文章推荐
javascript编程起步(第一课)
Jan 10 Javascript
总结AJAX相关JS代码片段和浏览器模型
Aug 15 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 Javascript
script不刷新页面的联动前后代码
Sep 18 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
react-native fetch的具体使用方法
Nov 01 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
vue 封装面包屑组件教程
Nov 16 Javascript
为什么推荐使用JSX开发Vue3
Dec 28 Vue.js
Vue elementUI表单嵌套表格并对每行进行校验详解
Feb 18 Vue.js
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
网站当前的在线人数
2006/10/09 PHP
php匹配字符中链接地址的方法
2014/12/22 PHP
thinkphp3.x中变量的获取和过滤方法详解
2016/05/20 PHP
PHP简单获取随机数的常用方法小结
2017/06/07 PHP
用JS将搜索的关键字高亮显示实现代码
2013/11/08 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
利用jQuery中的ajax分页实现代码
2016/02/25 Javascript
Javascript ES6中数据类型Symbol的使用详解
2017/05/02 Javascript
JS简单实现自定义右键菜单实例
2017/05/31 Javascript
Angular2环境搭建具体操作步骤(推荐)
2017/08/04 Javascript
详谈js中标准for循环与foreach(for in)的区别
2017/11/02 Javascript
微信小程序模拟cookie的实现
2018/06/20 Javascript
nodejs 使用 js 模块的方法实例详解
2018/12/04 NodeJs
微信小程序 数据缓存实现方法详解
2019/08/26 Javascript
微信小程序实现canvas分享朋友圈海报
2020/06/21 Javascript
Javascript新手入门之字符串拼接与变量的应用
2020/12/03 Javascript
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
Python爬取附近餐馆信息代码示例
2017/12/09 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
python实现简单神经网络算法
2018/03/10 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
更新pip3与pyttsx3文字语音转换的实现方法
2019/08/08 Python
Flask框架路由和视图用法实例分析
2019/11/07 Python
简单了解python元组tuple相关原理
2019/12/02 Python
Alba Moda德国网上商店:意大利时尚女装销售
2016/11/14 全球购物
Snapfish英国:在线照片打印和个性化照片礼品
2017/01/13 全球购物
PHP笔试题
2012/02/22 面试题
数控技术专业毕业自荐书范文
2014/02/05 职场文书
大学学风建设方案
2014/05/04 职场文书
中层干部竞聘演讲稿
2014/05/15 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
质检员岗位职责范本
2015/04/07 职场文书
2016元旦主持人经典开场白台词
2015/12/03 职场文书
一文读懂navicat for mysql基础知识
2021/05/31 MySQL
Python-OpenCV教程之图像的位运算详解
2021/06/21 Python