我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript类、函数和this指向怎么使用

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript类、函数和this指向怎么使用

这篇文章主要介绍了JavaScript类、函数和this指向怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript类、函数和this指向怎么使用文章都会有所收获,下面我们一起来看看吧。

1.class类

1.1class本质还是function

JavaScript类、函数和this指向怎么使用

JavaScript类、函数和this指向怎么使用

1.2类的所有方法都定义在类的prototype属性上

JavaScript类、函数和this指向怎么使用

1.3类创建的实例,里面也有_ proto_ 指向类的prototype原型对象

JavaScript类、函数和this指向怎么使用

JavaScript类、函数和this指向怎么使用

1.4语法糖

ES6的类它的绝大部分功能, ES5都可以做到,而class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已, 语法糖就是一种便捷写法. 简单理解, 有两种方法可以实现同样的功能,但是一种写法更加清晰、 方便那么这个方法就是语法糖,对于es5来说es6就是语法糖

JavaScript类、函数和this指向怎么使用

这俩看起来,那个比较简单呢?对就是第二个(别杠),这就是语法糖

2.数组方法

2.1forEach

语法:数组.forEach(回调函数(value:数组当前项值,index:数组当前索引,array:数组本身))

 <script>        var arr = [5, 6, 7];        var sum = 0;        arr.forEach(function (value, index, array) {            console.log(value);            sum += value;        })        console.log(sum);    </script>

JavaScript类、函数和this指向怎么使用

2.1filter(过滤元素)  

主要是用来筛选数组的(迭代遍历后得到的是一个数组,所以需要接受一下)

  // filter        var arr1 = [12, 34, 5, 66, 78, 0];        // 由于filter返回的是一个新数组所以需要接收一下newArray        var newArray = arr1.filter(function (value, index) {            // 找到小于10 的数            return value < 10;        })        console.log(newArray);

2.3some(校验元素)  

用来查找数组中是否有满足条件的元素(返回值是一个Boolean的值,有该查找的元素就返回true,没有的话就返回false,当查找到第一个满足的元素时,则会停止查找)

 var arr = [2, 3, 4, 5, 6];        var newArr= arr.some(function (value, index) {            return value % 3 === 0;        })        console.log(newArr);

依次判断,先从第一个元素开始,查看是否满足条件如果不满足条件则接着查找,如果满足条件则返回true,如果没有任何一个元素满足条件则返回false

2.4map数据渲染

var fileBlog= [        {            title: '【JavaScript——初始JS】',            url: 'https://blog.csdn.net/zhaochen1127/article/details/125956545?spm=1001.2014.3001.5501',            intr: '本文是一篇对js萌新极其友好的一篇文章....'            }, {            title: '【JavaScript——初始JS】',            url: 'https://blog.csdn.net/zhaochen1127/article/details/125956545?spm=1001.2014.3001.5501',            intr: '本文是一篇对js萌新极其友好的一篇文章....'        }, {            title: '【JavaScript——初始JS】',            url: 'https://blog.csdn.net/zhaochen1127/article/details/125956545?spm=1001.2014.3001.5501',            intr: '本文是一篇对js萌新极其友好的一篇文章....'        }    ]    var fblog = fileBlog.map(function (item) {        return `            <li>                <h6>${item.title}</h6>                <p>${item.intr}</p>                <a href="${item.url}" target="_blank">阅读博客</a>            </li>            `    })    var ul = document.querySelector('.blogs').querySelector('.bcon').querySelector('.blist');    console.log( fblog.join(''));     ul.innerHTML = fblog.join('');

3.字符串方法

trim()方法(trim不会影响字符串本身的,返回的是一个新的字符串)

JavaScript类、函数和this指向怎么使用

trim指回去除两侧的空格而在字符春中间的空格不会被去除掉

4.对象方法

Object.keys() 用于获取对象自身所有的属性 object . keys (obj) ,效果类似for..in ,返回一个由属性名组成的数组

    var obj = {        idcard:10086,        uname:'山鱼',        age:20,        sex:'男'    }    var obj1 = Object.keys(obj);    console.log(obj1);

JavaScript类、函数和this指向怎么使用

4.1Object.defineProperty()定义新属性或修改原有的属性

Object.defineProperty()第三个参数descriptor说明:以对象形式{}书写

4.2value设置属性的值默认为undefined

var obj = {        idcard:10086,        uname:'山鱼',        age:20,        sex:'男'    }    // 给obj添加一个birthday属性,属性值为‘11.27’    Object.defineProperty(obj,'birthday',{        value:'11.27'    })    // 修改obj里面的age属性,修改后的属性值为25    Object.defineProperty(obj,'age',{        value:25    })console.log(obj);

JavaScript类、函数和this指向怎么使用

4.3writable 值是否可以重写true | false默认为false

JavaScript类、函数和this指向怎么使用

JavaScript类、函数和this指向怎么使用 (idcard的值并没有修改 )

4.4enumerable 目标属性是否可以被枚举true | false默认也为false

Object.defineProperty(obj,'location',{        value:'JingXian',        writable:false,        enumerable:false    })console.log(obj);

4.5configurabletrue| false 默认为false

目标属性是否可以被删除或是否可以再次修改特性

 Object.defineProperty(obj,'location',{        value:'JingXian',        writable:false,        enumerable:false,        configurable:false    })        delete obj.location;        console.log(obj);        delete obj.uname;        console.log(obj);

JavaScript类、函数和this指向怎么使用

也不可以再次修改里面的特性  

JavaScript类、函数和this指向怎么使用

JavaScript类、函数和this指向怎么使用

关于“JavaScript类、函数和this指向怎么使用”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“JavaScript类、函数和this指向怎么使用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网行业资讯频道。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript类、函数和this指向怎么使用

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

JavaScript类、函数和this指向怎么使用

这篇文章主要介绍了JavaScript类、函数和this指向怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript类、函数和this指向怎么使用文章都会有所收获,下面我们一起来看看吧。1.c
2023-07-04

JavaScript中this指向怎么用

这篇文章主要介绍JavaScript中this指向怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!JavaScript中this也是一件很神奇 事情,在面向对象(比如java)中表示一个当前的对象引用,但是在Ja
2023-06-25

javascript中this指向怎么调用

本篇内容介绍了“javascript中this指向怎么调用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!JavaScript由于其在运行期进
2023-07-04

C++函数指针,对象指针,this指针,指向类静态怎么用

这篇文章主要介绍了C++函数指针,对象指针,this指针,指向类静态怎么用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇C++函数指针,对象指针,this指针,指向类静态怎么用文章都会有所收获,下面我们一起来看
2023-06-29

javascript函数的4种调用方式与this的指向

本文主要介绍了javascript函数的4种调用方式与this(上下文)的指向,文中有详细的代码示例,感兴趣的同学可以参考阅读一下
2023-05-19

JavaScript进阶学习之初识类、函数进阶、如何改变this指向

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了类、函数进阶以及如何改变this指向的相关内容,希望对大家有帮助。
2022-11-22

C++中类的this指针怎么使用

这篇“C++中类的this指针怎么使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“C++中类的this指针怎么使用”文章吧
2023-06-29

怎么在C++中使用this指针和空指针

本篇文章为大家展示了怎么在C++中使用this指针和空指针,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。C++通过提供特殊的对象指针,this指针,解决上述问题。this指针指向被调用的成员函数所属
2023-06-14

JavaScript函数怎么定义和使用

本文小编为大家详细介绍“JavaScript函数怎么定义和使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript函数怎么定义和使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。1.用函数语句定义
2023-07-02

C语言中怎么使用指针函数和函数指针

本篇内容介绍了“C语言中怎么使用指针函数和函数指针”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、指针函数当一个函数声明其返回值为一个指针
2023-06-16

JavaScript函数执行上下文的this怎么调用

今天小编给大家分享一下JavaScript函数执行上下文的this怎么调用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。Ja
2023-07-04

​Javascript escape()函数和unescape()函数怎么用

escape()函数用于对字符串进行编码,将字符串中的特殊字符转换为Unicode编码的字符串。unescape()函数用于对编码后的字符串进行解码,将Unicode编码的字符串还原为原始字符串。下面是escape()和unescape(
2023-10-21

JavaScript中isPrototypeOf、instanceof和hasOwnProperty函数怎么使用

本篇内容主要讲解“JavaScript中isPrototypeOf、instanceof和hasOwnProperty函数怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScrip
2023-07-02

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录