Iterator遍历器、class、Vue

Iterator遍历器:

概念: iterator是一种接口机制,为各种不同的数据结构提供统一的访问机制

    作用:

      1、为各种数据结构,提供一个统一的、简便的访问接口;

      2、使得数据结构的成员能够按某种次序排列

      3、ES6创造了一种新的遍历命令for...of循环,Iterator接口主要供for...of消费。

    工作原理:

       创建一个指针对象(遍历器对象),指向数据结构的起始位置。

       第一次调用next方法,指针自动指向数据结构的第一个成员

       接下来不断调用next方法,指针会一直往后移动,直到指向最后一个成员

       每调用next方法返回的是一个包含value和done的对象,{value: 当前成员的值,done: 布尔值}

        value表示当前成员的值,done对应的布尔值表示当前的数据的结构是否遍历结束。

        当遍历结束的时候返回的value值是undefined,done值为false

    原生具备iterator接口的数据(可用for of遍历)

      1、Array

      2、arguments

      3、set容器

      4、map容器

      5、String

class:

1. 通过class定义类/实现类的继承

2. 在类中通过constructor定义构造方法

3. 通过new来创建类的实例

4. 通过extends来实现类的继承

5. 通过super调用父类的构造方法

6. 重写从父类中继承的一般方法7

Vue:

1. 引入Vue.js

2. 创建Vue对象

el : 指定根element(选择器)

data : 初始化数据(页面可以访问)

3. 双向数据绑定 : v-model

4. 显示数据 : {{xxx}}

5. 理解vue的mvvm实现

模板语法:

1. 模板的理解:

  动态的html页面

  包含了一些JS语法代码

    大括号表达式

    指令(以v-开头的自定义标签属性)

2. 双大括号表达式

  语法: {{exp}}

  功能: 向页面输出数据

  可以调用对象的方法

3. 指令一: 强制数据绑定

  功能: 指定变化的属性值

  完整写法:

    v-bind:xxx='yyy'  //yyy会作为表达式解析执行

  简洁写法:

    :xxx='yyy'

4. 指令二: 绑定事件监听

  功能: 绑定指定事件名的回调函数

  完整写法:

    v-on:click='xxx'

  简洁写法:

    @click='xxx'

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Iterator(遍历器)的概念 JavaScript原有的表示“集合”的数据结构,主要是数组(Array)和对象...
    呼呼哥阅读 4,485评论 0 2
  • Iterator(遍历器)的概念 JavaScript原有的表示“集合”的数据结构,主要是数组和对象,ES6又添加...
    oWSQo阅读 630评论 0 1
  • 一、Iterator(遍历器)的概念 Iterator 是一种接口,为各种不同的数据结构提供统一的访问机制。 任何...
    magic_pill阅读 322评论 0 1
  • 前言: 半年前快速过了一遍ES6语法,掌握并熟练了一些常用的ES6语法,比如:class、继承、模板字符串、解构赋...
    lane_developer阅读 1,215评论 2 0
  • 家常琐事 讲故事 小海星(热切地):妈妈,妈妈,我讲个故事给你听 我:好啊 小海星(无比认真地):从前有座山…… ...
    书罢指犹凉阅读 308评论 2 2