javascript之函数进阶详解

 更新时间:2021年12月02日 15:41:47   作者:维生素D没有用  
这篇文章主要为大家介绍了javascript函数进阶,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助<BR>

函数定义方式

function fn(){}//命名函数
 
var fun=function(){}//匿名函数
 
// new fn=new Funcion("参数1","参数2","函数体"),很少用。
//所有函数都是Function的实例对象(函数也是对象)
var fn=new Funcion("a","b","console.log(a+b)")
console.log(fn instanceof Object)//true

函数的调用(6种)

 

 

 

this指向问题

1.普通函数:window

2.对象方法:实例对象obj1

3.构造函数:实例对象。原型对象里面的this指向的也是 ldh这个实例对象

4.绑定事件函数:事件的调用者button1

5.定时器:window

6.立即执行函数:window

改变函数内部this指向:call(),apply(),bind(),

 

 

 如果有的函数我们不需要立即调用,但是又想改变这个函数内部的this指向此时用bind

 

 

严格模式

 为整个脚本开启或为函数开启:“use strict”;

 严格模型的语法规范:

1.变量使用前必须声明

2.我们不能随意删除已经声明好的变量

3.严格模型下的全局作用域中函数中的this是undefined

4.构造函数不加new调用,this指向undefined,给undefined赋值会报错(。以前指向window,相当于给window添加属性了)

5.定时器this还是指向window 。事件、对象还是指向调用者。

6.参数不能重名 

7.函数必须声明在顶层.新版本的JavaScript 会引入“块级作用域”(ES6 中已引入)。为了与新版本接轨,不允许在非函数的代码块内声明函数。

高阶函数

定义:高阶函数是对其他函数进行操作的函数,它接收函数作为参数(回调函数)或将函数作为返回值输出。

闭包

闭包( closure )指有权访问另一个函数作用域中变量的函数。简单理解就是,一个作用域可以访问另外一个函数内部的局部变量。

闭包的作用:延伸变量的作用范围

闭包练习:

已知:绑定事件、定时器都是异步操作,不会立即执行。

(function(i){...})(i) 立即执行函数会立即执行,参数传给尾部的小括号,function里面的小括号会再次接收这个参数。立即执行函数也称作小闭包,里面的所有函数都可以访问它内部变量。

(1)点击输出当前索引号(面试常见)

 (2)延迟三秒输出<li>中内容 

 (3)

 

 闭包的思考:

 

递归:函数里面调用自己,需要有结束条件

深拷贝与浅拷贝:

1.浅拷贝:只拷贝最上面一层,深层的对象只拷贝了地址,所以原深层数据改变会引起拷贝过来的深层数据改变

Object.assign(objNew,objOld)

2.深拷贝:把所有深层数据值全部拷贝到新对象里面。新旧两个对象的数据修改互不影响。

相关文章

  • javascript之嵌套函数使用方法

    javascript之嵌套函数使用方法

    在javascript中允许使用嵌套函数,下面是简单的例子。
    2010-03-03
  • js实现随机点名程序

    js实现随机点名程序

    这篇文章主要为大家详细介绍了js实现随机点名程序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 微信小程序实现星级评价效果

    微信小程序实现星级评价效果

    这篇文章主要为大家详细介绍了微信小程序实现星级评价效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JavaScript this在函数中的指向及实例详解

    JavaScript this在函数中的指向及实例详解

    这篇文章主要介绍了JavaScript this在函数中的指向及实例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • JavaScript数学对象(Math)方法举例详解

    JavaScript数学对象(Math)方法举例详解

    这篇文章主要给大家介绍了关于JavaScript数学对象(Math)方法的相关资料,Math(数学)对象的作用是执行普通的算数任务,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • 微信小程序自定义单选框样式实现单选功能

    微信小程序自定义单选框样式实现单选功能

    这篇文章主要为大家详细介绍了微信小程序自定义单选框样式实现单选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • Webpack4+Babel7+ES6兼容IE8的实现

    Webpack4+Babel7+ES6兼容IE8的实现

    这篇文章主要介绍了Webpack4+Babel7+ES6兼容IE8的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 手把手带你入门微信小程序新框架Kbone的使用

    手把手带你入门微信小程序新框架Kbone的使用

    这篇文章主要介绍了手把手带你入门微信小程序新框架Kbone的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • 数据结构中的各种排序方法小结(JS实现)

    数据结构中的各种排序方法小结(JS实现)

    下面小编就为大家带来一篇数据结构中的各种排序方法小结(JS实现)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 浅谈javascript的闭包

    浅谈javascript的闭包

    本文介绍了javascript闭包的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01

最新评论