JS主题的文章列表，还有JS的技术要点_第377页

JS中的reduce函数

海纳百川，有容乃大定义：reduce()方法接受一个函数作为累加器，数组中的每个值（从左向右）开始缩减，最终计算为一个值。对空数组是不会执行回调函数的。案例：计算数组总和：varnum=[1,2,3,4,5];varres=num.reduce(function(total,num){returntotal+num;/...

代码星球 ·2020-03-29

JS中的匿名函数、回调函数、匿名回调函数

工欲善其事必先利其器在学习JavaScript设计模式一书时，遇到了“匿名回调函数”这个概念，有点疑惑，查找了些资料重新看了下函数的相关知识点之后，对这个概念有了认识。九层之台，起于垒土。在熟悉这一系列的概念之前，我们先来认识下JavaScript中函数吧。一、定义函数的方式有两种：函数声明函数...

代码星球 ·2020-03-29

JS变量连续赋值

下面就是这个经典案例：vara={n:1};varb=a;a.x=a={n:2};console.log(a);console.log(b);console.log(a.x);console.log(b.x); 　　我们先来看一下普通连续赋值，即：变量赋值的类型是数据类型值vara=3;varb=a=5;co...

代码星球 ·2020-03-29

js操作对象属性用点和用中括号有什么不同

书读百遍其义自见学习《JavaScript设计模式》一书时，学习工厂模式这一章节，发现了对象后使用中括号的情况，如下：varFactory=function(type,content){if(thisinstanceofFactory){//对于一下this后使用中括号不是很明白vars=newthis[type](c...

代码星球 ·2020-03-29

JS事件循环(Event Loop)机制

众所周知，为了与浏览器进行交互，Javascript是一门非阻塞单线程脚本语言。为何单线程？因为如果在DOM操作中，有两个线程一个添加节点，一个删除节点，浏览器并不知道以哪个为准，所以只能选择一个主线程来执行代码，以防止冲突。虽然如今添加了webworker等新技术，但其依然只是主线程的子线程，并不能执行诸如I/O类的...

代码星球 ·2020-03-29

JS继承——原型链

许多OO语言支持两种继承：接口继承和实现继承。ECMAScript只支持实现继承，且继承实现主要依赖原型链实现。原型链基本思想：利用原型让一个引用类型继承另一个引用类型的属性和方法。构造函数、原型和实例的关系：每个构造函数均有一个原型对象，原型对象均包含一个指向构造函数的指针，实例均包含一个指向原型对象的内部指针。若让...

代码星球 ·2020-03-29

JS面向对象——动态原型模型、寄生构造模型

动态原型模型组合使用构造函数模型和原型模型，使得OO语言程序员在看到独立的构造函数和原型时很困惑。动态原型模型致力于解决该问题，它把所有的信息封装在构造函数中，通过在构造函数中初始化原型（仅在必要情况下），同时又使用构造函数和原型的优点。实例代码如下：<!DOCTYPEhtml><html>&l...

代码星球 ·2020-03-29

JS面向对象——组合使用构造函数模型与原型模型中的隐患

组合使用构造函数模型和原型模型中的问题，使用对象字面量重写原型模型会有隐患（涉及到原型的动态性），如下例：<!DOCTYPEhtml><html><head><title>组合使用构造函数模型和原型模型——问题</title><s...

代码星球 ·2020-03-29

JS面向对象——组合使用构造函数模型与原型模型

该模型为创建自定义类型最常用的方式。<!DOCTYPEhtml><html><head><title>组合使用构造函数模型和原型模型</title><scripttype="text/javascript">//组合使用构造函数模型和原型模型&md...

代码星球 ·2020-03-29

JS面向对象——构造函数模型

ECMAScript中的构造函数可用来创建特定类型的对象。我们可以创建自定义构造函数，从而定义对象类型的属性和方法，解决工厂模型中对象识别的问题。<!DOCTYPEhtml><html><head><title>构造函数模型</title><script...

代码星球 ·2020-03-29

JS面向对象——工厂模型

工厂模型抽象了创建具体对象的过程，以下示例代码说明工厂类型：<!DOCTYPEhtml><html><head><title>工厂模型</title><scripttype="text/javascript">//工厂模型-用函数封装以特定接口创建...

代码星球 ·2020-03-29

JS面向对象——原型模型

以下通过一段示例代码，说明原型模型中的基本概念以及知识点。<!DOCTYPEhtml><html><head><title>原型模型</title><scripttype="text/javascript">functionPerson(){};/...

代码星球 ·2020-03-29

js中event的target和currentTarget的区别

target：触发事件的元素。currentTarget：事件绑定的元素。两者在没有冒泡的情况下，是一样的值，但在用了事件委托的情况下，就不一样了，例如：<ulid="ulT"><liclass="item1">fsda</li><liclass="item2">ewre...

代码星球 ·2020-03-28

关于json_encode和json_decode

json_encode将数组或者对象编码成字符串json_deode将字符串解码称对象或者数组，第二个参数为true时解码成字符串，否则解码成对象...

IT猿 ·2020-03-28

js子节点children和childnodes的用法

想要获取子节点的数量，有几种办法。childNodes它会把空的文本节点当成节点，<ul>文本节点 <li>元素节点</li>文本节点<li>元素节点</li>文本节...

IT猿 ·2020-03-28