美文网首页
JS 语言特性

JS 语言特性

作者: YouKnowznM | 来源:发表于2017-11-23 11:38 被阅读0次

this

this的值由函数的调用方式决定(注意直接调用和引用后调用的区别),并且不能在执行期间被赋值。

  • 直接调用时:

    1. 在非严格模式下,默认指向全局对象(window/global)
    2. 在严格模式下,保持其进入执行上下文时的值。
  • bind/call/apply:
    产生和目标函数相同函数体和作用域的新函数,同时永久改变其this的指向。

    1. bind 返回新函数,不调用
    2. call的参数2及以后的参数是新方法调用的一个个参数
    3. apply的参数2是新方法调用时的参数数组
  • 箭头函数内:
    指向其被创建时的上下文

  • 作为对象的方法:
    指向调用该函数的对象(最靠近的引用成员)

    定义匿名函数后附属到某对象,再在对象上调用之,仍产生相同行为

  • getter/setter内:
    指向正在设置或获取属性的对象

  • 构造函数内:
    指向正在构造的新对象(构造器默认返回该对象,也可以手动返回其它对象)

  • 作为事件处理函数时:
    指向触发事件的元素(e.target)

原型和继承

  • 函数的prototype是一个对象(默认只有一个指向构造函数自身的constructor属性),当这个函数被用作构造函数来创建实例时,其prototype将被作为__proto__赋值给所有对象实例
  • 定义prototype的过程实际上就是将该构造函数之实例的__proto__指向某一结构体的过程,该属性等于其构造函数的原型属性,默认指向Object
  • 除了Object.prototype, 所有对象的__proto__引用其构造函数的prototype
  • 遍历对象属性时一般应使用hasOwnProperty()过滤掉继承自原型链的属性。
  • 继承另一函数的实例时(如将构造函数A的原型改为构造函数B的实例),会将A的constructor也改为构造函数B,此时必须将A的constructor改回来。

作用域

  • 预编译时声明所有变量和函数,为表达式创建的变量和函数赋undefined值,为this和定义式创建的函数赋给定值。此为第一次运行上下文的创建:
    • 函数的每次调用都会产生新的运行上下文(包含由实参、形参、内部函数和变量、this共同组成的活动对象,此对象被推入作用域链的前端)。每个运行上下文在该函数调用结束且未产生闭包时被销毁。
  • 作用域是函数被创建的作用域中对象的集合,决定了其可以访问哪些数据。函数运行在其被定义的作用域里,而不是被执行的作用域里。
  • 标识符的值从作用域链的前端向末端查找,位于作用域链越深处的标识符,其读写速度就会越慢。故将被引用一次以上的跨作用域对象保存在局部变量中后再使用可提升性能。
  • 不使用var关键字可定义全局变量的过程,实际上就是对从作用域链前端至末端(window全局对象)都未找到的、故其值为undefined的变量赋值的过程。
  • withcatch语句会改变运行时的作用域链:前者将新的目标作用域推入了作用域链前端,原局部变量处于第二个作用域对象中,损失性能,不建议使用;后者将异常对象推入作用域链前端,原局部变量处于第二个作用域对象中,在catch语句结束后恢复原状态。
  • JS预编译时以每个<script>标签作为编译单元,此标签内以任何方式定义的属性和函数均无法在此标签之前的单元内直接使用。故功能性的脚本标签必须置于其它脚本之前。

相关文章

  • JS 语言特性

    this this的值由函数的调用方式决定(注意直接调用和引用后调用的区别),并且不能在执行期间被赋值。 直接调用...

  • JS语言特性

    JavaScript是一种高级的、解释型的编程语言;它是一门基于原型、函数先行的语言,是一门多范式的语言,它支持面...

  • JavaScript快速入门

    认识JavaScript/JS/javascript 特性: 编程语言:可以编写有处理逻辑的程序的语言 ...

  • JavaScript快速入门(一)

    认识JavaScript/JS/javascript 特性:编程语言:可以编写有处理逻辑的程序的语言脚本语言:...

  • JS题 语言特性

    数组去重// 1 - 遍历目标数组,将结果数组中尚无的项推入function uniq(arr) { let...

  • javascript中this指向问题

    正确理解了this,才算是迈入了JavaScript这门语言JavaScript特性 由于在运行时绑定的特性,js...

  • 专辑篇:JS高级

    前言:本篇主要讲各个api主要方法及使用----还有就是js中与众不同的语言特性. JavaScript对象 JS...

  • 关于swift调研报告

    一丶 语言特性以及发布历史特性:Swift 语法内容混合了OC,JS,Python,语法简单,使用方便,并可与OC...

  • Javascript

    浏览器上的脚本语言 1)js是目前支持的浏览器语言2)ES6丰富了js的类等概念,更具具有现代语言的特性 1、变量...

  • JS 第一天

    JS第一天 目录: JS语言介绍 三种存在位置 解释性语言特性决定JS代码位置 变量的定义 三种弹出框 四种调试方...

网友评论

      本文标题:JS 语言特性

      本文链接:https://www.haomeiwen.com/subject/rdqzvxtx.html