JavaScript｜伪数组

HTML5学堂（码匠）：熟悉JavaScript的人对document.getElementsByTagName再熟悉不过，对arguments也多有耳闻，我们时常针对其进行遍历，通过数组下标进行访问，但是它们却是数组中的“冒牌货”，一起来看今天要说的“伪数组”。

伪数组（类数组）：无法直接调用数组方法，也无法使用length属性实现什么特殊的行为，但是！可以使用真正数组遍历的方法（for循环配合数组下标）来遍历它们。

说的浅显一些，就是：存在着length属性，可以通过数组下标的方式进行每个元素的访问，但是不能够使用push等数组的方法。

arguments参数：arguments是一个对象，而非一个数组。

调用document.getElementsByTagName、getElementsByClassName等各类获取元素的方法。这些方法返回的是一个NodeList（节点列表），也并不是一个数组。

可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array对象。

数组转换的实例

伪数组情况下，使用push方法

color = "yellow",

weight = "5kg",

run = function (){

alert("一口气能够跑2000M");

}

}

//访问属性及函数

cat.name;

cat.color;

cat.run();

这种方法只能声明静态变量和静态函数

2.使用对象构造器声明

因为js不像java一样有类的概念，因此function的隐藏属性prototype给js提供了面向对象的机制

使用prototype能够访问函数的上一级原形。这个原形跟class差不多

例：

function cat(){

JavaScript 注释

JavaScript 注释可用于提高代码的可读性。

JavaScript 注释

JavaScript 不会执行注释。

我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。

单行注释以 // 开头。

本例用单行注释来解释代码：

实例

// 输出标题：

document.getElementById("myH1").innerHTML="欢迎来到我的主页";

// 输出段落：

document.getElementById("myP").innerHTML="这是我的第一个段落。";

JavaScript 多行注释

多行注释以 /* 开始，以 */ 结尾。

下面的例子使用多行注释来解释代码：

实例

/*

下面的这些代码会输出

一个标题和一个段落

并将代表主页的开始

*/

想读更多 ->

JavaScript 作用域

JavaScript 作用域

在 JavaScript 中, 对象和函数同样也是变量。

在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。

JavaScript 函数作用域: 作用域在函数内修改。

变量在函数内声明，变量为局部作用域。

局部变量：只能在函数内部访问。

// 此处为函数外，不能调用 carName 变量

function myFunction() {

var carName = "Volvo";

// 函数内可调用 carName 变量

}

因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量。

局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁。

变量在函数外定义，即为全局变量。

全局变量有 全局作用域: 网页中所有脚本和函数均可使用。

var carName = " Volvo";

// 此处可调用 carName 变量

function myFunction() {

// 函数内可调用 carName 变量

}

如果变量在函

想读更多 ->

javascript兼容性

1、事件冒泡：

2、获取某个元素的CSS属性值：

更多IT精彩内容推荐：http://www.ujiuye.com/guangdong/?wt.mc_id=17009338

想读更多 ->

JavaScript模块的现状

ESM、CJS、UMD、AMD - 我到底该选哪个？

最近，关于ES模块的现状，特别是Node.js中决定引入*.mjs作为文件扩展名，在 Twitter 上有不少争论。恐惧和不确定性是可以理解的，因为这个话题很复杂，要跟上讨论需要全神贯注。

大多数前端开发人员还记得JavaScript依赖管理的黑暗时期。那时，你得将一个库复制粘贴到一个vendor文件夹中，依靠全局变量，尝试以正确的顺序连接所有的东西，而且仍然需要处理命名空间问题。

在过去的几年中，我们已经了解到了通用模块格式和集中式模块注册表的价值。

今天，发布和使用JavaScript库比以往更容易，一条npm publish和npm install命令就可以把这事搞定。这就是为什么当人们听到不同模块系统之间的兼容性问题时，会感到紧张的原因：他们害怕失去这种舒适。

在下面的文章中，我将解释和总结模块系统实现的现状，以及为什么我认为向ES模块（ESM）的转变不会损害Node.js生态系统。最后，我将概述这些变化对webpack用户和模块作者的意义。

当前实现

现存的ESM 实现有三种：

在当前浏览器中

用webpack或类似的构建工具

在Node.js中（尚未完成，但可能在今年年底作为一个实验性功能推出

想读更多 ->

JavaScript 对象

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...

此外，JavaScript 允许自定义对象。

所有事物都是对象

JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。

布尔型可以是一个对象。

数字型可以是一个对象。

字符串也可以是一个对象

日期是一个对象

数学和正则表达式也是对象

数组是一个对象

甚至函数也可以是对象

JavaScript 对象

对象只是一种特殊的数据。对象拥有属性和方法。

访问对象的属性

属性是与对象相关的值。

访问对象属性的语法是：

objectName.propertyName

这个例子使用了 String 对象的 length 属性来获得字符串的长度：

var messag

想读更多 ->

JavaScript正则表达式语法详解

正则表达式在开发中使用可以说必不可少，而且也尤为重要，就像前一段时间微信正则表达式匹配出现错误，而造成的bug。

图片来源于网络

图片来源于网络

很多初入开发的人对正则表达式很是头疼，主要是正则表达式难于理解，较为抽象。之所以很多人感觉正则表达式比较复杂，一方面是因为大多数的文档没有做到由浅入深地讲解，概念上没有注意先后顺序，给读者的理解带来困难；另一方面，各种引擎自带的文档一般都要介绍它特有的功能，然而这部分特有的功能并不是我们首先要理解的。我们首先了解一下正则表达式。正则表达式（regular express

想读更多 ->

JavaScript 指南

JavaScript - 客户端脚本

JavaScript 是属于网络的脚本语言!

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

JavaScript 学习简单

JavaScript 实例

My First Web Page

This is a paragraph.

Display Date

什么是 JavaScript?

JavaScript 被设计用来向 HTML 页面添加交互行为。

JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。

Ja

想读更多 ->

前端开发工程师之JavaScript原生代码做打字机

今天，有一个朋友想实现页面打字机的效果，说是帮他女朋友庆祝生日。觉得很有意思，便也做了一个同款。一首《打油诗》献给大家。先给大家看看效果：

视频加载中...

想读更多 ->