一,声明对象

var obj1 = {};

var obj2 = {name:'kk',age:18,fun:function{          // name,age,fun为对象的属性,只是属性值不同

  console.log(123);

  return 1;

}};

console.log(obj2.fun)     //  获取的是对象属性,为 函数体
console.log(obj2.fun())   // 执行函数
 
——————————————————————————————————————————————————
二,声明函数
 
1, 直接量 :             function f1(){}
2, 表达式声明 :      var f2 = function(){}
3, 内置构造函数 :   var f3 = new Function(){}     // 构造函数首字母大写。  此函数声明方法很少用,了解即可
 
(一)function f1(){} 和 var f2 = function()  的 区别
1,直接量声明 有变量提升 。 声明前后都可以调用
2,表达式声明 也是有变量提升。但是赋值并没有被提升。   所以表达式声明 必须要在声明后才可以调用

(二)JavaScript 变量提升

1,JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。

JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。

2,JavaScript 只有声明的变量会提升,初始化的不会。

(三)函数在运行过程中一旦遇到 return 。就会结束执行

——————————————————————————————————————————————————


三,函数在 js 中的意义及作用

1,在 js 中,函数是一等公民

2,因为 在 js 中 , 函数是一个特殊的数据类型

3,数据类型在任何语言中都是一等公民

4,函数是一个值, 可以和字符串,数组,对象等数据类型 同等方式使用

function f1(v){
console.log(v)
}
var f2 = function(){
return 123;
}
 
f1(f2())
 
(一)将函数当作值使用的好处 
 
当做一个实参传到另一个函数里面时,形成了 回调函数
 
(二)回调函数  ( nodejs中大部分使用的就是回调函数 )
 
var a = 1
function f1(v){
  var a = 2
   f2()
}
 
function f2(){
      console.log(a)
}
 
f1(f2())
 
// f2被称作回调函数。 原因 : 函数自身的作用域在声明的地方,而不是在调用的地方
// 函数在哪声明,就在哪执行
// f2 的作用域是在全局下
// 虽然是在f1里调用的f2 。 但是 它需要出来找到 f2方法执行 。所以它是回调函数
// 它是在全局作用域里找 , var a = 2 是在局部作用域下 。 所以它找不到 var a = 2
 
(三) 闭包
var a = 1
function f1(f2) {
var a = 2
function f2() {
console.log(++a)
}
return f2
}
 
// 由于 f1 的运行结果是返回 f2
// 又因为 作用域链 和 函数自身作用域 的问题
// 导致 f1 运行结束后 不能销毁变量
// 因此形成了闭包
 
/*
    直接返回一个函数是最常见的一种闭包的形式
*/
 
var f = f1()
f()
f()
f()
f()
 
-----------------------------------------------------
 
// 先找到 f2() 声明的地方,然后再找 a
// 函数结束变量被销毁
// 作用域链 : 向上寻找
// 闭包
 
/*
形成的原因 :
 
当f1运行完后变量 a 会被销毁 。 但它发现后面的函数需要用到这个变量 。所以 js 解析引擎对于 f1里的 var a = 2
这个变量 不能销毁 。
为什么不能销毁 : 因为后面的 f2 函数需要用到这个变量
当 f1 函数一旦执行 , return 出去一个函数 。 此时就形成了一个闭包 。
f1 函数虽然执行完毕,但由于其执行过程中生成的那些变量和数据不能被销毁 。 所以这些数据就会常驻内存 。
 
此时 f2 函数一执行 。 它就会从刚刚 f1 执行后遗留的内存(或缓存)中 调用数据
个人理解 : 闭包就是把数据封闭起来 。 防止其销毁 。 后面还可以再内存中找到使用
 
*/
/*
   
闭包的两大作用和两大作用域 :
1,保留环境的作用域
2,外部和内部的桥梁
*/
 
 

2 —— js语法 —— 对象和方法的声明 。变量提升。闭包的更多相关文章

  1. 【JS学习】var let const声明变量的异同点

    [JS学习]var let const声明变量的异同点 前言: 本博客系列为学习后盾人js教程过程中的记录与产出,如果对你有帮助,欢迎关注,点赞,分享.不足之处也欢迎指正,作者会积极思考与改正. 总述 ...

  2. JS:对象调方法1

    找调用者 1.如果有this,就先看this在哪个函数中,就是离this最近的function,没有就是window 2.找到函数后,辨别哪个是调用者 例1: 点击查看代码 function fn() ...

  3. js基础面试高频面点1:变量提升

    一.什么是变量提升?var变量提升的底层原理是什么? 变量提升的定义:所有变量的声明语句都会被提升到代码头部,这就是变量提升. 原理:引擎在读取js代码的过程中,分为两步,专业来说代码运行是分为预处理 ...

  4. JS逻辑题 技术点: 1). 变量提升 2). 函数提升 3). 预处理 4). 调用顺序

    考查的技术点:  1). 变量提升 2). 函数提升  3). 预处理  4). 调用顺序 var c = 1; function c(c) { console.log(c); var c = 3; ...

  5. js只对等号左边的进行变量提升

    ### 只对等号左边的进行变量提升 > =:赋值,左边是变量,右边都应该是值 ```javascript //之前 i%2 === 0?item.className = 'c1':item.cl ...

  6. js Math 对象的方法

    Math对象与JavaScript其他对象不同,因为用户不能生成所使用对象的副本,相反脚本汇集了简单Math对象的属性和方法.Math对象实际上存在于每个窗口和框架中,但是对脚本没有影响,程序员把这种 ...

  7. 关于js的对象创建方法(简单工厂模式,构造函数模式,原型模式,混合模式,动态模式)

    // 1.工厂方式创建对象:面向对象中的封装函数(内置对象) 简单来说就是封装后的代码,简单的工厂模式是很好理解的,关于它的作用,就是利用面向对象的方法,把一些对象封装,使一些占用空间多的,重复的代码 ...

  8. js selection对象使用方法

    IE:document.selection FireFox:window.getSelection() document.selection只有IE支持,window.getSelection()也只 ...

  9. JS打印对象的方法&将Object转换为String的函数

    1.有时候需要把对象中的字段属性打印出来,下面用JS实现输出对象: function writeObj(obj) { var description = ""; for (var ...

随机推荐

  1. 在PyCharm中自动添加文件头、时间日期等信息

    初次安装使用PyCharm,在新建.py文件时会发现文件头并没有什么信息,因此,使用模板会比较方便.方法如下: 1.打开PyCharm,选择File--Settings 2.依次选择Editor--- ...

  2. Centos7 安装编译nginx-1.9.6过程

    一.安装环境准备 使用编译安装nginx最好都先安装下这些依赖包 安装nginx需要的依赖库 yum install -y gcc patch libffi-devel python-devel zl ...

  3. SpringCloud+Eureka+Feign+Ribbon的简化搭建流程,加入熔断,网关和Redis缓存[2]

    目录 前提:本篇是基于 SpringCloud+Eureka+Feign+Ribbon的简化搭建流程和CRUD练习[1] 的修改与拓展 1.修改consumer的CenterFeign.java,把返 ...

  4. 2_01_MSSQL课程_查询

    查询 1.查询结果的别名 列 as 别名 (建议用这种) 列 别名 别名=列 Select sum(score1) as 成绩1,sum(score2)as  成绩2 from talScore 2. ...

  5. 一道综合渗透题引发的updatexml()注入思考

    MYSQL数据库updatexml报错注入UPDATEXML (XML_document, XPath_string, new_value); 第一个参数:XML_document是String格式, ...

  6. 题解 LG P2264

    这是题解P2264 先讲一下Trie,其实Trie也名前缀树,就是说:如果Trie中某串是某串的前缀,那么我们可以共用这个串也就是这样: 插入h.hk.jc,jcfa 那么,h节点会给h和hk共用,j ...

  7. 如何在SecureCRT中上传文件到linux服务器上

    1.使用yum安装运行命令sudo yum install lrzsz(默认使没有安装运行命令的) 2.上传命令rz  下载命令sz  

  8. IdentityServer4专题之七:Authorization Code认证模式

    (1)identityserver4授权服务器端 public static class Config { public static IEnumerable<IdentityResource& ...

  9. Java 变参函数的实现

      Java的变参函数实现实际上参数是一个数组,其简单用法如下 public class variableParamTest { private static void variableParam(O ...

  10. DotNetSpeech----文本转wave语音文件

    wav操作引入dll(DotNetSpeech.dll),引入以后需要选中项目中引入的dll,鼠标右键,选择属性,把“嵌入互操作类型”设置为False.不然会提示无法嵌入互操作类型"Spee ...