美文网首页
数组去重、事件委托、 JS 继承

数组去重、事件委托、 JS 继承

作者: 卢卢2020 | 来源:发表于2021-02-06 23:43 被阅读0次

数组去重方法

第一种:filter去重

array = [1,5,2,3,4,2,3,1,3,4]

function  fn(){
    let newArray= array.filter((item,index)=>{
        return array.indexOf(item) === index
     })

    console.log(newArray)
}

fn()

第二种方法:set去重

array = [1,5,2,3,4,2,3,1,3,4] 

function fn(){
   let newArray = new Set(array)

    console.log(newArray)
}

fn()

事件委托

1 什么是事件委托?

事件委托就是我委托一个人 帮我干本来我干的事情 

比如:我有一百个button按钮 我监听button按钮 需要监听100次,那么这个时候我们就用到事件委托 来监听它的父元素,给它的父元素添加点击事件,然后用e.target来监听用户点击的元素获得点击的button按钮(监听父元素有两个好处,可以省内存,还可以监听暂时不存在的元素)

案例链接点这里

2 怎么阻止默认动作?

阻止默认动作:e.stopPreventDefault()

3 怎么阻止事件冒泡?

阻止事件冒泡:e.stopPropagetion()

你如何理解 JS 的继承?

答:①类的继承

class Person{
    constructor(name,age){
        this.name = name
        this.age = age
    }

    sayHi(){
        console.log(`你好,我叫+${this.name}`)  //公共方法
    }
}

let preson = new Person('frank',18)

let preson2 = new Person2('lulu',48)

答:② 原型继承

核心:将父类实例作为子类的原型(并不是把父类中的属性和方法克隆一份一模一样的给子类,面是让子类父类之间增加了原型链接)

特点:父类中私有和仅有的都继承了子类原型上(子类公有的)

function Person(name,age){
    this.name= name

    this.age = age
}

Person.prototype.sayHi = function(){
    console.log('你好,我叫'+this.name)
}

let person = new Person('frank',18)

person.sayHi() //你好,我叫frank

let person2 = new Person2('lulu',28)

person2.sayHi() //你好,我叫lulu   

相关文章

  • 数组去重、事件委托、 JS 继承

    数组去重方法 第一种:filter去重array = [1,5,2,3,4,2,3,1,3,4]function ...

  • javascript基础

    js中的this get post的区别 数组的一些方法(去重、排序) 冒泡,闭包,事件委托(点击事件) cook...

  • 数组去重、DOM 事件相关、 JS 的继承、数组排序

    1. 如何实现数组去重? 假设有数组 array = [1,5,2,3,4,2,3,1,3,4]。你要写一个函数 ...

  • 数组的去重和数组中对象的去重

    数组中对象去重 方式1 jq方式 方式2 原生js方式 普通数组的去重 方式1 普通的数组去重js 方式2 Se...

  • web前端面试题@六(事件委托)

    *说到事件委托,我们首先先要知道什么是事件委托—— · 那么什么是事件委托呢??? JS里的事件委托就是当事件...

  • js常用技巧一

    目录 一.JS中判断字符串中出现次数最多的字符及出现的次数 二.JS数组去重 三.类的继承 四.排序算法 一.JS...

  • 手撕常见面试题

    DOM 事件代理 数组 对象 扁平化 去重 - unique() 拷贝 浅拷贝 深拷贝 copy()函数实现 JS...

  • js数组去重、对象数组去重

    普通数组去重 一、普通数组去重 方法一:遍历数组法 方法二:排序法 方法三:对象法 对象数组去重 方法一:将对象数...

  • js数组去重

    Set结构去重 ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 向 Se...

  • JS数组去重

    方法1:两层for循环,外层循环原数组,内层循环时进行比较。 方法2:利用对象的属性不能相同的特点去重 方法3:利...

网友评论

      本文标题:数组去重、事件委托、 JS 继承

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