js的高级笔记2:构造函数、原型对象、对象原型、原型链、call()、forEach()、filter()、some()、trim()、获取对象的属性名、设置对象的属性值

最新推荐文章于 2023-03-22 19:44:01 发布
最新推荐文章于 2023-03-22 19:44:01 发布
阅读量185 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42129553/article/details/108980208
版权
js 专栏收录该内容
49 篇文章 5 订阅 ¥19.90 ¥99.00
订阅专栏
这篇博客深入探讨JavaScript中的构造函数、原型对象、原型链、call()、forEach()、filter()、some()等方法，以及如何使用trim()去除字符串空格和获取对象属性名。内容包括构造函数的三种创建方式、静态与实例成员、原型的constructor属性，以及ES5中的数组遍历和筛选方法的应用。
摘要由CSDN通过智能技术生成

1.构造函数和原型

1.1对象的三种创建方式–复习

  1. 字面量方式

    var obj = {
     };

  2. new关键字

    var obj = new Object();

  3. 构造函数方式

了解本专栏 订阅专栏 解锁全文
小黄呀呀呀
关注
专栏目录
订阅专栏
黑马程序员前端JavaScript高级——ES6学习笔记
weixin_44566194的博客
10-29 3135
黑马程序员前端教程的PPT和代码学习笔记，里面包含了面向对象的编程思想，以及构造函数，类和对象、原型链、箭头函数、数组和字符串新增方法、函数递归、深拷贝浅拷贝、正则表达式等知识点。本文是对CSDN其他博主记录的一个补充，因为黑马也是今年才陆续补充一些知识点的视频的，本文将其收录于此，雷同勿怪。
黑马JavaScript笔记（四）高级篇
jiujiujm的博客
06-06 1441
JavaScript面向对象编程 01 面向对象编程介绍 1.1 两大编程思想 面向过程 面向对象 1.2 面向过程编程 POP(Process-oriented programming) 面向过程，就是按照我们分析好了的步骤，按照步骤解决问题。 1.3 面向对象编程 OOP (Object Oriented Programming) 面向对象是以对象功能来划分问题，而不是步骤。 1.4 面向过程和面向对象的对比 02 ES6中的类和对象 2.1 对象 2.2 类class 2.3 创建类
JS实现 call 函数
最新发布
qq_51544319的博客
03-22 247
JS实现call函数
解决 JS 对象中继承性问题之方式一：通过原型链继承来解决继承问题
狮子座的男孩
12-23 332
Ⅰ、继承问题： 1、什么是继承？ 答：子类去继承父类的东西，称之为继承； 如：子类继承父类的属性或方法等； 2、常见的继承方式有哪些？ 答：继承方式有五种： 其一、原型链继承; 其二、构造函数继承(也称 call 继承)； 其三、拷贝继承； 其四、组合继承(某一种或多种继承方式的组合)； 其五、寄生式组合继承； Ⅱ、五大继承的优缺点： 1、原型链继承的优缺点： 其一、优点： A、实现相对简单； B、通过子类实例可以直接访问父类原型链上和实例上的成员(即：实现了继承)； 其二、缺点： A、子类实例修改引用类型
借用构造函数 call()方法
weixin_44399953的博客
09-22 842
call()方法 fun.call(thisArg, arg1, arg2, ...) thisArg: 当前调用函数this的指向对象 arg1,arg2: 传递的其他参数 简单了解完call()后放在代码中更全面的认识一下 function SuperType() { this.colors = ['red','blue','green'] console.log(this.colors) } /* 按照以往我们会通过SuperType() 来调用函数*/ Super
JS-构造函数的继承 call,apply,bind区别
pers1stence的博客
09-06 238
构造函数的继承 call,apply,bind区别 1.构造函数的继承 // 父构造函数 function Person(uname, age) { this.uname = uname this.age = age } Person.prototype.eat = function () { console.log('吃'); } // 子构造函数
js函数,apply,call,工厂模式和构造函数模式
Yangliwei的博客
07-25 500
函数声明和函数表达式的区别： //函数声明会率先读取函数声明，确保在任何代码前可以用 console.log(sum([4, 5, 6])); function sum(a) { var sum = 0; for (let i = 0; i < a.length; i++) { sum += a[i]; } return sum; } /...
【JavaScript笔记 · 基础篇(五)】Array全家桶（引用数据类型中的数组 / Array对象 / Array.prototype）
JZevin的博客
08-12 644
文章目录一. 引用数据类型中的数组1.1 概述1.2 初始化1.2.1 字面量1.2.2 构造函数模式1.3 访问1.4 length属性1.5 数组遍历1.6 类数组对象1.6.1 四种典型的类数组对象1.6.2 类数组对象转化成真数组的方法二. Array对象2.1 Array静态方法Array.isArray()Array.from()Array.of()三. Array.prototype.*3.1 对象通用实例方法Array.prototype.valueOf()Array.prototype.t
JavaScript第四周笔记
m0_59064140的博客
09-12 153
JavaScript第三周笔记
用forEach循环遍历 数组中对象的某个属性并提取出来
吾头一坨铁的博客
07-23 6645
angular.JS $scope.num=0; //验证是否已经存在 let a = [] let b = myData//原数组 b.forEach(function(item, index) { a.push(item.name) if(dataitem.text===item.name)
JavaScript学习（三）（for循环，函数及其作用域，this，原型对象及原型链，数组字符串常用方法（这个多看看！））（未完成）
ERiver_Anthony的博客
08-07 410
for循环，if循环，初识函数，this关键字 一，关于for循环与if循环的嵌套使用 1.求出指定数组arr的平均值和大于平均数的值 思路分析： ①遍历数组使用for循环 ②求和对sum进行赋值操作 ③求出平均值sum/arr.length ④作比较并输出大于平均数的值if 代码实现： var a =[5,9,6,3,7,4,2,13,19,27]; var sum=0; ...
js中的4种函数调用模式：函数调用、方法调用、构造器调用、间接调用
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
09-17 1万+
全栈工程师开发手册 （作者：栾鹏） js系列教程4-函数、函数参数教程全解js中的4种函数调用模式javascript一共有4种调用模式：函数调用模式、方法调用模式、构造器调用模式和间接调用模式。【1】函数调用模式　　当一个函数并非一个对象的属性时，那么它就是被当做一个函数来调用的。对于普通的函数调用来说，函数的返回值就是调用表达式的值function add(x,y){ return x
JS构造函数继承---------通过call或者apply继承父级属性
weixin_41376400的博客
02-14 726
父级构造函数 function Father(){       this.type = "人类"; } 子级构造函数 function Son(name,age) {        this.name = name;        this.age = age } 如果使子级继承父级 方法1：call或者apply。如果需要传参按照call和apply的传参即可。 function Son(nam...
手写js中的call 方法（原理分析）
qq_48959471的博客
04-03 792
我们通常使用call 来 修改某个对象的指向，但是你了解其中的原理吗？ 1.首先所有构造函数都能使用，说明什么？ 其实call 本身是构造函数原型上的一个方法 即（Function.prototype上的方法） 2.为什么能使用传入的对象中的属性呢？ 实则是在传入的对象中，又声明了此构造函数（函数），则构造函数中就能使用此对象中的属性啦 明白了这两点，我们就开始实现咯，上代码！ Function.prototype.newCall =function(obj,...args){
js中call()方法的用法
qq_35810838的博客
02-20 3万+
1.call方法 语法：call(thisobj,[argq,arg2]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象 说明： call方法可以用来代替一个对象调用一个方法，call方法可以将一个函数的对象上下文从初始化改为新的对象，也就是括号里面的原本的对象改为call()前面的对象、即用thisobj代替call前面的东西，最终用thisobj这个对象去执行call前面的方...
js怎样获取循环获取对象的键名 遍历对象的键名
04-11 8123
有些时候需要遍历js对象获取键名 let myObj = { name: 'pujie', age: 18 } let tempArr = Object.keys(myObj) console.log(tempArr) for (let key in myObj) { console.log(key) } 1、可以用Object.keys来获取键名，获取的结果是一...
js-数组遍历方法的总结与辨析（强烈推荐every与some）
u013269704的博客
06-15 851
js-数组遍历方法的总结与辨析（强烈推荐every与some） javascript中除了forEach等基础的遍历方法外，还有很多在遍历的同时做判断或修改数组的原生方法。这里记录一下常见方法的总结和相近方法的辨析。（部分方法介绍来源于W3school） 一、一般的遍历所有元素 1.for for (语句 1; 语句 2; 语句 3) { 被执行的代码块 } 语句 1 （代码块）开始前执行 语句 2 定义运行循环（代码块）的条件 语句 3 在循环（代码块）已被执行之后执行 var array = [1,
foreach原型方法
前端小99的博客
09-04 372
// 定义一个数组 var arr = ["吴洋洋", "董立成", "马国彤", "李双双"]; // 遍历数组 var result = arr.forEach(function(value, index, arr) { console.log(this, arguments); }) console.log(result); /** * forEach 实现数组迭代器的方法 * @arr 要遍历的数组 * @fn 执...
ES6中forEach方法
热门推荐
若晨工作室
11-28 5万+
forEach forEach是Array新方法中最基本的一个，就是遍历，循环。例如下面这个例子： ? 1 [1, 2 ,3, 4].forEach(alert); 等同于下面这个传统的for循环： ? 1 2 3 4 5
JS实现轮播图：构造函数与面向对象方法
"JS实现轮播图的两种方法——构造函数与面向对象" 在网页设计中，轮播图是一种常见的展示多张图片或内容的交互元素。JavaScript 提供了多种方式来创建轮播图，这里我们将详细探讨使用构造函数和面向对象两种方法来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小黄呀呀呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值