obj的方法调用,所以函数体中的this就代表obj对象 2.函数调用模式 当一个函数并非一个对象的属性时,那么它就是被当做函数来调用的。...在此种模式下,this被绑定为全局对象,在浏览器环境下就是window对象。...3.构造函数模式 如果在一个函数前面加上new关键字来调用,那么就会创建一个连接到该函数的prototype成员的新对象,同时,this会被绑定到这个新对象上。...这种情况下,这个函数就可以成为此对象的构造函数。...4.apply调用模式 在JS中,函数也是对象,所有函数对象都有两个方法:apply和call,这两个方法可以让我们构建一个参数数组传递给调用函数,也允许我们改变this的值。
foo(){}是作为赋值表达式的一部分的话,那它就是一个函数表达式 如果function foo(){}被包含在一个函数体内,或者位于程序的最顶部的话,那它就是一个函数声明。...function bar(){} })(); 还有一种函数表达式不太常见,就是被括号括住的(function foo(){}),他是表达式的原因是因为括号 ()是一个分组操作符,它的内部只能包含表达式...(1) 但是,括号有个缺点,那就是如果上一行代码不写分号,括号会被解释为上一行代码最末的函数调用,产生完全不符合预期,并且难以调试的行为,加号等运算符也有类似的问题。...所以这里全局调用函数this指向global,使用对象调用函数,this指向对象 在strict模式下 "use strict" function showThis(){ console.log...函数调用call方法默认可以改变函数内部的this指向。 它的第一个参数,是this改变后指向的对象,后面的参数对应函数执行的参数。
Person("zs", 44); obj2.say(); console.log(obj2.currentType); /** * prototype的特点:存在在原型对象里面的属性与方法可以被构造函数的所有对象所共享...);//构造函数里面的prototype指向了对象(原型对象) /*2.每个"原型对象"中都有一个默认的属性, 叫做constructor constructor指向当前原型对象对应的那个..."构造函数" */ console.log(Person.prototype.constructor);//原型对象里面的constructor属性指向了函数(当前原型对象对应的那个..."构造函数") /*3.通过构造函数创建出来的对象我们称之为"实例对象" 每个"实例对象"中都有一个默认的属性, 叫做__proto__ __proto__指向创建它的那个构造函数的...__proto__);//实例对象的__proto__指向了对象(构函数里面的原型对象) ?
js中关于原型和原型链有 __proto__ 、prototype、constructor 频频出现在面试题中,但是记得多了反而容易记混。 这里简单总结下每个属性的使用场景,方便记忆。...对象和函数都有 __proto__,对象的 __proto__指向构造函数的prototype,构造函数的__proto__指向 Function.prototype 对象和函数都有constructor...,对象的 constructor指向构造函数,构造函数的constructor指向 Function 函数才有 prototype 函数的prototype又是一个对象,但是 Funtion.prototype...特殊记忆:typeof Function.prototype==="function" Object因为O大写,可以看出本质也是一个构造函数 __proto__ 指向一个原型对象,构造函数.prototype...__proto__===null,因为 Object.prototype 为js 原型链的顶端。
做项目的时候遇到一个不是很常见的问题,就是js函数传递参数的时候,我们一般是传递一个数字或者是一个字符串,但是当你的需求满足不了的时候,就需要将对象或者数组作为一个参数传递过去,这个时候怎么做呢,今天简单的说有一下...这个是典型的三层的json结构,所以遍历的难度是不大的,就是很容就遍历出错,我的需求当然不是说仅仅将这些数据遍历出来就可以了,我需要做的是将最里层的data拿到,作为对象传递过去,因为这是每一个订单的具体内容...,也就是详情,所以需要明确的将data作为一个参数传递过去,废话不说了,看代码; success: function(data) { var odata = data.model_list;...这个时候我们看上面的数据结构,最外层的是model_list包括的,所以直接取出来,拿到以后呢将我们需要的data拿到,转为json格式的,这个时候我们下面需要用到里面数据的时候就比较容易拿到,下一步就是怎么将对象...data作为一个参数传递过去,我们需要这样处理一下: JSON.stringify(detalData).replace(/\"/g, "'") 将我们拿到的json对象转为string的字符串,然后用正则表达式将里面所有的
本期介绍 本期主要介绍DOM对象&JS事件总结&全局函数 文章目录 1. DOM 对象 1.1 DOM 对象是什么?有什么作用? 1.2 DOM 树介绍 1.3 DOM 和 BOM 关系 2. ...JS 事件总结 3. 全局函数(global) 3.1 执行 3.2 编码和解码 3.3 字符串转数字 1. DOM 对象 1.1 DOM 对象是什么?有什么作用?...DOM ( Document Object Model ) 文档对象模型 文档:标记型文档( HTML 、 XML 等) DOM 是将标记型文档中所有内容(标签、文本、属性)都封装成对象...DOM 对象。...JS 事件总结 常见事件 示例代码: 鼠标键盘事件 示例代码: 3. 全局函数(global) 3.1 执行 作用:用于增强程序的扩展性。
JS函数增强 函数属性 JavaScript中函数也是一个对象,那么对象中就可以有属性和方法,他有一些默认的属性 name 函数名 length 函数参数个数(ES6 ......语法不会被算在内) arguments 类似数组对象 可以i用索引来获取对象 rset PS: 箭头函数不绑定 Arguments 对象 arguments 转为数组对象常见方法 普通的方法 就是将内容一个一个迭代到新数组了...他是一个特殊函数可以将传入的字符串当作js代码执行 可读性差 有注入风险 必须经过解释器 不会得到引擎的优化 严格模式的使用 js的局限性 : JavaScript 不断向前发展且并未带来任何兼容性问题...; 新旧代码该新模式对于向下兼容有帮助但是也有问题出现 就是创造者对于js的不完善之处会一直保留 ES5标准中提出了严格模式的概念,以更加严格的方式对代码进行检测和执行 只需要在代码的开头或者函数的开头...加入use strict就可以开启严格模式 JS对象增强 数据属性描述符 我们的属性一般定义在对象的内部或者直接添加到对象内部,但是这种方式我们就不能对属性进行一些限制,比如这个属性是否是可以通过delete
箭头函数中没有 arguments 1. arguments 介绍 众所周知,js 是一门非常灵活的语言。...当我们在 js 中调用一个函数时,经常会给函数传递一些参数,js 把调用函数时传入的全部实参存储到一个叫做 arguments 的类数组对象里面 arguments 是一个类数组对象,不是一个真正的数组...这里做下总结 arguments 是类数组对象(伪数组),即不是一个真正的数组,而是一个对象。...它有 length 属性,并且可以通过下标获取元素,但是它不能调用数组方法,就是因为它不是真正的数组,这一点可以通过查看它的原型验证 2. arguments 转为数组 arguments 是类数组对象...defined const arrow = () => { console.log(arguments);}arrow('html', 'css', 'js') 箭头函数中虽然没有 arguments
document.write("用age进行排序,获得的最后一个元素的name是:【"+data[2].name+"】") 29 说明:createCompareFun()函数内部...,嵌套一个内部函数,函数作为值被return返回, 内部函数传两个参数,并通过[]讲createCompareFun()函数的propertyName属性解析出来,在通过常规比较函数进行判断、比较。...在data中,定义了一个有三个元素的对象数组,最后调用createCompareFun()函数,并根据自己需要比较的属性来传参,函数对数组进行排序。得到比较的结果。...再加一个普通的比较函数 1 function compare(value1,value2){ 2 if(value1>value2
1.对象转数组 var obj = {name:”张三”,name:”李四”,name:”王五”}; var arr = []; arr = Object.values(obj) //obj就被转换成数组了...2.数组转对象 var obj={}; var arr = []; for(key in arr) { obj[key] = arr[key] //上面的对象obj会被这里新转换的替换 } 3.获取对象长度...对象的长度不能用.length获取,用js原生的Object.keys可以获取到 var obj = {‘ww’:’11’,’ee’:’22}; var arr = Object.keys
总结 ---- 前言 在Node.js中提供了一些全局可用的变量、函数和对象,全局就是不需要进行模块加载,可以直接使用的。其中包括全局作用域的函数和对象。...也包括不在全局作用域,而在每个模块作用域都存在的变量、函数和对象,在全局可用,但不是golbal对象的属性。...---- _dirname和_filename变量 Node.js提供了两个与文件操作相关全局可用变量_dirname和_filename变量。...console对象 我们在学习中,经常使用到console.log()语句,console对象就是一个全局对象,用于提供控制台标准输出。...---- 总结 以上就是今天的学习内容啦~ 如果有兴趣的话可以订阅专栏,持续更新呢~ 咱们下期再见~
BI就是数据分析吗? 很多刚接触BI的人可能会有这个疑问,各大BI厂商在介绍BI的时候,也都会说BI是数据分析工具,其实,BI与数据分析并不能划等号。...接下来就是ETL数据处理和构建数据模型,亿信ABI对这一复杂过程进行了简化,其数据整合功能充分结合了大量项目人员的实施习惯,在整个数据建模的过程中,可以快速创建ETL过程和构建数据模型,操作简单,敏捷易用...然后就是出数据分析展示结果,现在的BI很多都支持自助分析,运用亿信ABI业务人员只需要简单的鼠标拖拽维度和指标,即可快速生成图表。...而且内置多种数据统计函数,如:求和,最大值,排名,同比、环比、上期等,而且支持自定义维度和指标,两者可以一键切换,灵活简便的分析方式,方便用户进行猜想式、求证式的数据探索。
因此,在用数组实现栈时,需要思考的一个问题就是: 是把索引为0的一端作为栈顶呢?还是作为栈底呢?...所谓动态数组,就是在数组容量达到其最大容量时,对其进行扩容,在这里扩容为之前的2倍。然后,将原数组中的元素依次拷贝至扩容后的数组内,动画演示如下: ?...那么,push方法的时间复杂度是O(n)吗? 扩容这一步,是在数组满的情况下才会触发执行,也就是在扩容之前,会有n次向数组末尾添加元素的操作,且每次操作耗时是1,总耗时为n。...每个运算对象可以是整数,也可以是另一个逆波兰表达式。...最后,当字符串数组中的所有元素考察完毕时,将栈顶元素出栈,就是最终计算结果。动画演示: 代码实现: ?
学习JS的过程中,想要掌握面向对象的程序设计风格,对象模型(原型和继承)是其中的重点和难点,拜读了各类经典书籍和各位前辈的技术文章,感觉都太过高深,花费了不少时间才搞明白(个人智商是硬伤/(ㄒoㄒ)/~...一、基本概念 1、对象:属性和方法的集合,即变量和函数的封装。每个对象都有一个__proto__属性,指向这个对象的构造函数的原型对象。 ...2、构造器函数:用于创建对象的函数,通过new关键字生成对象。函数名一般首字母大写的。 ...3、原型对象:每个函数都有一个prototype属性,它是一个指向原型对象的指针(原型对象在定义函数时同时被创建) 二、创建对象的方法 1、使用构造函数和原型对象共同创建 ?...如上图,构造器函数Person(),通过new关键字创建了两个实例化对象p1、p2,这两个新对象都继承了,构造器Person()函数prototype属性所指向的原型对象。
下面,我们就来看一下构造函数和普通函数使用时的区别(简单来讲就是一个函数通过new调用和不通过new调用的区别)。...实例对象:通过构造函数的new操作创建的对象是实例对象,又常常被称为对象实例。可以用一个构造函数,构造多个实例对象。下面的f1和f2就是实例对象。...如果按照字面意思来理解,那么prototype就是通过调用构造函数而创建的那个对象实例的原型对象。...5.1 还记得我们在前面2.1节的空函数为构造函数的图片吗?现在来看是不是就很清晰了。明白了其中的指向关系,我们再来看一下,构造函数中添加this语句以及在原型对象中添加属性以后是怎样的情况。...参考 javascript面向对象系列第一篇——构造函数和原型对象 JS入门难点解析10-创建对象 深入理解js构造函数 JavaScript构造函数详解 BOOK-《JavaScript高级程序设计
day03_js学习笔记_02_js的内建对象、js的函数 =======================================================================...Array对象 (5) Date对象 (6) Math对象 (7 )RegExp对象 四、js的函数(相当于java中的方法)...1、js函数定义的方式 (1) 普通方式 (2) 匿名函数方式(开发中常用该方式) (3) 对象函数方式(开发中该方式基本不用)...2、js函数的参数 3、js函数的返回值 4、js的全局函数(js内置定义好的函数(方法),可以直接调用) (1) 编码和解码函数...注意: java中有代码注入吗? 答:有。
概述 JavaScript中: js中的对象就是生活中对象的一个抽象, 没有特征和行为,取而代之的是有对应的属性和方法; var stu = { name : '张三',...,,其实地方使用没有意义 Object构造函数 使用构造函数创建对象使用最多,其语法就是使用关键字new来创建一个对象 var p = new Object(); // 创建一个空的对象...,类型是Student 2.new 会让this指向这个新的对象 3.执行构造函数 目的:给这个新对象加属性和方法 4.new会返回这个新对象 自定义构造函数总结: 1.建议构造函数首字母要大写...2.构造函数要和new一起使用才有意义。 3.构造函数的作用是用于实例化一个对象,即给对象添加属性和方法。...// 结构 : Object.keys(对象) Object.keys(obj) 值类型与引用类型 JS数据类型 简单数据类型:number、string、boolean、undefined
一、函数即对象 1 function add1(a,b){ 2 return a+b; 3 } 4 5 //Function对象的实例 -- 高级技巧 --...6 7 //前面表示参数,后面表示函数语句 8 var add2 = new Function("a","b","return a+b"); 9 10 console.log...(add1(1,2));//3 11 console.log(add2(1,2));//3 二、arguments---保存函数的参数 1 //arguments 重要 2 function...console.log(arguments[0]); 5 } 6 //arguments只有在代码运行的时候才起作用 7 //arguments是一个数组,保存函数的参数...3 // 实参:用户调用函数的时候传递的参数 4 // length指的是实际参数个数 arguments.length指的是形参个数 5 function checkVarCount
student,10,20));//30 16 console.log(myclass.getAllStudentsNumbers.apply(student,[10,20]));//30 1 //函数其实也是对象...一年级 17 //大家可以看到测试结果name:邓乐乐 age:24 grade:一年级 18 //学生类里面我没有给name和age属性赋值啊,为什么又存在这两个属性的值呢,这个就是...23 // 24 //arguments:是一个数组,也就是[“邓乐乐”,”24”,”一年级”]; 25 // 26 //也就是通俗一点讲就是: 27 //...(1)Max函数用法 1 // apply的一些其他巧妙用法 2 // 细心的人可能已经察觉到,在我调用apply方法的时候, 3 // 第一个参数是对象(this), 4...) 这个如果让我们用程序来实现将数组的每一个项,来转换为参数的列表, 8 // 可能都得费一会功夫,借助apply的这点特性,所以就有了以下高效率的方法: 9 10 // max函数用法
==01-数组== 1.声明一个数组:var 数组名 = [元素1,元素2,元素3…………] 数组名其实就是变量名,只是习惯上称之为数组名 元素其实就是数组中保存的数据,只是习惯上称之为元素 2.获取数组中某一个数据...如果函数有写return,并且return后面有值。返回值就是return后面的值 d. return关键字作用 : 结束函数体代码。...return后面代码不执行 2.3-函数另一种声明方式 1.函数声明:function 函数名() {}; 2.函数表达式:var 函数名 = 匿名函数 匿名函数:函数的字面量又称为匿名函数,顾名思义就是没有变量名的函数...当一个函数调用执行完毕之后,我想执行另一段代码块,也就是调用另一个函数 但是有时候可能本函数执行完毕后,根据不同的情况需要调用的函数也不同,那么我们可以使用形参来接收这个函数,然后再调用 此时:这个形参函数就称之为回调函数...自调用函数 1.什么是自调用函数:函数自己调用自己 最常见的:匿名函数自调用 2.自调用函数作用 开辟作用域,js中只有函数才可以开辟作用域 3.匿名函数自调用语法:( function(){} )
领取专属 10元无门槛券
手把手带您无忧上云