作为原型和原型链的基础，先了解清楚构造函数以及它的执行过程才能更好地帮助我们学习原型和原型链的知识。 1、什么是构造函数 2、为什么要使用构造函数？...3、构造函数的执行过程 4、构造函数的返回值 5、构造函数首字母必须大写吗？ 6、不用new关键字，直接运行构造函数，是否会出错？如果不会出错，那么，用new和不用new调用构造函数，有什么区别？...也就是说 p1 这个变量，保存的内存地址就是 #f1，同时被标记为 Person 的实例。 以上就是构造函数的整个执行过程。 4、构造函数的返回值 构造函数执行过程的最后一步是默认返回 this 。...言外之意，构造函数的返回值还有其它情况。下面我们就来聊聊关于构造函数返回值的问题。...首先，当用 new 关键字调用时，产生一个新的内存空间 #f11，并标记为 Person1 的实例；接着，函数体内部的 this 指向该内存空间 #f11；执行函数体内部的代码；由于函数体内部的this
函数式编程的理解 函数式编程是一种编程范式，可以理解为是利用函数把运算过程封装起来，通过组合各种函数来计算结果。...所以通过这里就可以理解函数式编程其实就是强调在编程过程中把更多的关注点放在如何去构建关系，通过构建一条高效的建流水线，一次解决所有问题，而不是把精力分散在不同的加工厂中来回奔波传递数据。...由于Js中对象传递的是引用地址，哪怕我们用const关键词声明对象，它依旧是可以变的。保证函数没有副作用，一来能保证数据的不可变性，二来能避免很多因为共享状态带来的问题。...柯里化 对于柯里化Currying，简单来说就是将一个多元函数，转换成一个依次调用的单元函数，也就是把一个多参数的函数转化为单参数函数的方法，函数的柯里化是用于将一个操作分成多步进行，并且可以改变函数的行为...，在我的理解中柯里化实际就是实现了一个状态机，当达到指定参数时就从继续接收参数的状态转换到执行函数的状态。
绑定规则 默认绑定 在独立函数调用的情况下使用默认绑定 独立的函数调用我们可以理解成函数没有被绑定到某个对象上进行调用； 案例一：普通函数调用 function foo() { console.log...); 对案例进行一些修改，打印结果是否会发生变化： 这里的结果依然是window，原因非常简单，在真正函数调用的位置，并没有进行任何的对象绑定，只是一个独立函数的调用； function foo(func...： 也就是它的调用位置中，是通过某个对象发起的函数调用。...这个和setTimeout源码的内部调用有关； setTimeout内部是通过apply进行绑定的this对象，并且绑定的是全局对象； 案例二：数组的forEach 数组有一个高阶函数forEach，用于函数的遍历...： 在forEach中传入的函数打印的也是Window对象； 这是因为默认情况下传入的函数是自动调用函数（默认绑定）； var names = ["abc", "cba", "nba"]; names.forEach
本篇来看下js中的原生函数，也叫内置函数。...多数情况下，对象的内部[[class]]属性和创建该对象的内建原生构造函数相对应。...除了基本类型值的对象封装，引用类型值也会进行对象封装，即通过相应的构造函数创建封装对象。但通常应尽量少用构造函数来创建它们，比如数组、对象和函数，直接以常量的形式创建即可。...借助原型代理，所有的这些构造函数的"实例"对象都具有对应原型对象上的方法。 最后总结下，js为所有基本类型值提供了封装对象，它们也被称为原生函数(String、Number、Boolean等)。...当要访问基本类型值的一些方法或属性时，如length或者String.prototype，js引擎会自动对该值进行封装（即用相应类型的封装对象来包装它）来实现对这些属性和方法的访问。
try…catch try{}catch(e) {}finally{} Error.name的六种值对应的信息： 1. EvalError：eval()的使用与定义不一致 2....URIError：URI处理函数使用不当 复制代码 es5严格模式 “use strict” 不再兼容es3的一些不规则语法。使用全新的es5规范。...两种用法： 全局严格模式 局部函数内严格模式（推荐） 就是一行字符串，不会对不兼容严格模式的浏览器产生影响。...DOM对象即为宿主对象， 由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。 也有人称DOM是对HTML以及XML的标准编程接口。...ie7以下的版本中没有，非实时 .querySelectorAll() // css选择器 在ie7和ie7以下的版本中没有，非实时 复制代码 DOM基本操作 遍历节点树： parentNode ->
this是javascript的一个关键字，也是比较容易令人迷糊的一个概念 this的本质：当前对象的所有者 示例1 var x = 1; function test() { alert(this.x...); } test(); 在之前的“JS执行顺序”文章中讲过，这个test函数会被先编译为一个全局变量，如 var test = function test() { alert(this.x);...obj，this.x 也就是 obj.x 示例3 下面这个例子比较有迷惑性，是一个比较容易出错的情况 function test() { alert(this.title); } 输出的结果：undefined 其实onclick="test()"，...相当于 function onclick(event){ test(); } 是一个全局的function，上面的 test方法也是全局的function，而全局变量中并没有定义 title，所以结果为
大家好，又见面了，我是你们的朋友全栈君。 首先，sqlserver里的标识符有一定的规则，比如 你 create table abc 123(…) 那么中间含有空格，它不是符合规则的。...quotename将 字串成为有效的标识符。 它有什么用呢？ 我举个例子。...set @sql=’select * from ‘ + quotename(‘aa[]bb’) exec(@sql) 当然你也可以直接写出转义的写法 select * from [aa[]]bb]...也就是说，quotename 使函数中的输入成为一个有效的标识符。...比如上例中 aa[]bb 不是一个有效的标识符。
前言 什么是哈希函数？它能用来干嘛？本文将以图文的形式讲解上述问题，欢迎各位感兴趣的开发者阅读本文。 概念与作用 哈希函数可以把给定的数据转换成固定长度的无规律数值。...转换后的无规律数值可以作为数据摘要应用于各种各样的场景。 图解示例 我们可以把哈希函数想象成搅拌机，如下图所示。 将数据放进搅拌机里 经过哈希函数计算后，搅拌机会输出固定长度的无规律数值。...哈希函数的特征 哈希值的长度与输入数据的大小的无关 输入相同数据，输出的哈希值也必定相同 输入相似的数据，输出的哈希值必定不同。 输入的数据完全不同，但输出的哈希值可能是相同的。...哈希函数的作用 哈希函数的算法中具有代表性的是「MD5」、「SHA-1」、「SHA-2」等，其中SHA-2是现在应用较为广泛的一个，而MD5和SHA-1存在安全隐患，不推荐使用。...不同算法计算方法不同，计算出来的哈希值也会有所不同。哈希函数的特征中有一条是输入的数据相同，输出的哈希值也必定相同，这个特征的前提是使用的是同一种算法。
背景 我没有系统性的从头开始学过一遍JS，全凭之前学的其它语言，尤其是Python，直接上手操作了，所以留了不少的坑。 虽然对我来说是一个坑，但我觉得本文更适合放到学习的分类里。 给出下列代码。...= [1, 2, 3] const arr2 = [] each(arr1, item => arr2.push(item)) console.log(arr2) // [ 1, 2, 3 ] 这个函数它的功能就是遍历一遍数组...解决方案 我们需要进行一个操作，如果也想像Python那样： Function.prototype.bind() bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this...被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。...来源: MDN 所以说我们把上面的JS测试代码改成这样，就可以了： call(obj.foo.bind(obj)) // { foo: [Function: foo] } 但是回到我们实际应用场景，
函数的声明与函数表达式区别 1.1 函数的声明 如下方法 add 就是函数声明的代码结构： function add(x,y){ alert(x+y) } add(1,2) //弹窗显示...但是函数表达式和函数声明的区别在于，函数表达式在使用前必须先赋值。...1.3 区别 JS中常见的两种函数声明(statement)方式有这两种: 复制代码 // 函数表达式(function expression) var h = function() {...h, 故会打印此结果 深入: JS声明函数的三种方式: 1.函数表达式: 即上面第一种方式, 这种方法使用function操作符创建函数, 表达式可以存储在变量或者对象属性里....{ /* code */ })() // 但是这个也是可以用的 // 由于括弧()和JS的&&，异或，逗号等操作符是在函数表达式和函数声明上消除歧义的 // 所以一旦解析器知道其中一个已经是表达式了
JS的闭包，是一个谈论得比较多的话题了，不过细细想来，有些人还是理不清闭包的概念定义以及相关的特性。 这里就整理一些，做个总结。 一、闭包 1....在环境中引用函数，同时改函数也引用着环境。静态作用域是通过捕获函数创建所在的环境来实现的。 ?...在JS中，函数是属于一等公民（first-class）的，一般来说代码块即是函数的意思（暂不考虑ES6的特殊情况） 所以，闭包并不仅是一个函数，它是一个环境，这个环境中保存了一些相关的数据及指针引用。...输出一个函数 可以将高阶函数理解为函数之上的函数，它很常用，比如常见的 var getData = function(url, callback) { $.get(url, function(...三、柯里化 柯里化（Currying），又称为部分求值，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回一个新的函数的技术，新函数接受余下参数并返回运算结果。
更简短的函数并且不绑定this。箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。...箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。...(singleParam) => { statements } singleParam => { statements } // 没有参数的函数应该写成一对圆括号。...elements.map(function(element) { return element.length; }); // 返回数组：[8, 6, 7, 9] // 上面的普通函数可以改写成如下的箭头函数...elements.map(element => { return element.length; }); // [8, 6, 7, 9] // 当箭头函数的函数体只有一个 `return` 语句时
1.arguments.callee //经典的阶乘(递归)函数 function factorial(num) { if...} else { return num * factorial(num - 1); } } //消除函数名的耦合现象...可以继续使用递归 否则返回0 alert(factorial(5)); //0 2.Length:表示函数希望接收的命名参数的个数 3.prototype:在创建自定义引用类型以及实现继承时,该属性的作用极为重要...,该属性不可枚举,因此使用for-in 无法发现 方法: 1.apply()和call() 用途:在特定的作用域中调用函数,等于设置函数体内this对象的值 的值会被绑定到传给bind()函数的值 window.color = "red"; var o = { color: "blue" }; <span style="color: #333399
大家好，又见面了，我是你们的朋友全栈君。 一、前奏 在谈回调函数之前，先看下下面两段代码： 不妨猜测一下代码的结果。...function say (value) { alert(value); } alert(say); alert(say('hi js.')); 如果你测试了，就会发现： 只写变量名 say 返回的将会是...二、js中函数可以作为参数传递 再看下面的两段代码： function say (value) { alert(value); } function execute (someFunction...{ alert(value); } 这里的say或者匿名函数就被称为回调函数。...将回调函数的参数作为与回调函数同等级的参数进行传递 回调函数的参数在调用回调函数内部创建 四、写在最后 回调函数应用场景多用在使用 js 写组件时，尤其是组件的事件很多都需要回调函数的支持。
__proto__ = Base.prototype; Base.call(obj); 第一行，我们创建了一个空对象obj 第二行，我们将这个空对象的__proto__成员指向了Base函数对象prototype...成员对象 第三行，我们将Base函数对象的this指针替换成obj，然后再调用Base函数，于是我们就给obj对象赋值了一个id成员变量，这个成员变量的值是”base”，关于call函数的用法，请参看陈皓...《Javascript 面向对象编程》文章 如果我们给Base.prototype的对象添加一些函数会有什么效果呢？...__的特性，toString这个方法也可以做新对象的方法被访问到。...于是通过函数对象和Javascript特有的__proto__与prototype成员及new操作符，模拟出类和类实例化的效果。
深刻理解变量提升 当执行 JS 代码时，会生成执行环境，只要代码不是写在函数中的，就是在全局执行环境中，函数中的代码会产生函数执行环境，只此两种执行环境。...{ console.log('call b') } 想必以上的输出大家肯定都已经明白了，这是因为函数和变量提升的原因。...通常提升的解释是说将声明的代码移动到了顶部，这其实没有什么错误，便于大家理解。但是更准确的解释应该是：在生成执行环境时，会有两个阶段。...第一个阶段是创建的阶段，JS 解释器会找出需要提升的变量和函数，并且给他们提前在内存中开辟好空间，函数的话会将整个函数存入内存中，变量只声明并且赋值为 undefined，所以在第二个阶段，也就是代码执行阶段...在提升的过程中，相同的函数会覆盖上一个函数，并且函数优先于变量提升 b() // call b second function b() { console.log('call b fist')
原型（prototype）是函数创建的时候默认自带的。只要创建函数，他就默认存在。要理解原型，还要知道，我们所有对象最终都是都是继承自Object的。...通过new 创建的对象和构造函数是没有关系的，跟构造函数的原型有关系，即person1....__proto__ === Person.prototype搞清楚对象、构造函数他们原型的是什么，其他就更好理解了。...我们在理解new创建对象的过程发生了什么，可以加深理解他们的关系：一共5步：(1) 在内存中创建一个新对象。...理解原型，理解下面的关系是很有必要的； console.log(Person.prototype.
什么是函数? * 具有特定功能的n条语句的封装体 * 只有函数是可执行的, 其它类型的数据是不可执行的 * 函数也是对象 2. 为什么要用函数? * 提高代码复用 * 便于阅读和交流 3....如何定义函数? * 函数声明 * 表达式 4. 如何调用(执行)函数?...根据年龄输出对应的信息 2. 如果小于18, 输出: 未成年, 再等等! 3. 如果大于60, 输出: 算了吧! 4. 其它, 输出: 刚好!...什么函数才是回调函数? * 你定义的 * 你没有直接调用 * 但最终它执行了(在特定条件或时刻) 2. 常见的回调函数?...* DOM事件函数 * 定时器函数 * ajax回调函数(后面学) * 生命周期回调函数(后面学) --> //1.
//构造函数 //使自己的对象多次复制，同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后，构造函数会立即执行它所包含的任何代码 function myObject(msg...，在构造函数创建的每个实例中都会包含同样的私有和特权成员的副本， //因而实例越多占用的内存越多 } //公有方法 //适用于通过new关键字实例化的该对象的每个实例 //向prototype...，先访问该实例的构造函数，然后在访问该类静态属性 //console.log(myObject.address); //undefined, myObject中的this指的不是函数本身，而是调用address...(); //china,直接调用函数的类方法 //m1.alertname(); //FF: m1.alertname is not a function, alertname 是myObject类的方法...，和实例对象没有直接关系 //m1.constructor.alertname(); //china, 调用该对象构造函数（类函数）的方法（函数） //m1.sayHello(); //hello
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
