if (!Object.prototype.forEach) {
Object.prototype.forEach = function(fn) {
if ({}.toString.call(this) != "[object Object]") {
throw new TypeError();
}
if (typeof fn != "function") {
throw new TypeError();
}
for (var key in this) {
if(key in this){
fn.call(this, this[key], key, this);
//执行回调函数，并传入参数：值、索引、对象
}
}
}
}
var obj = {"a": 1,"b": 2};
obj.forEach(function(a,b,c){
console.log(a,b,c);
/*
1 "a" Object {a: 1, b: 2}
2 "b" Object {a: 1, b: 2}
-----------------------------------------------------------
//为什么会打印出函数体来？
function (fn) {
if ({}.toString.call(this) != "[object Object]") {
throw new TypeError();
}
if (typeof fn != "function") {
throw new TypeError();
}
for (var key in this) {
if(key in… "forEach" Object {a: 1, b: 2}
*/
})
-
等级
本版专家分：3486结帖率 100% -
是这样的，我想给json对象扩展一个forEach方法，于是有了下面这段代码，功能是实现了，但是最后有个问题比较诡异，我想应该是出在call上面（代码第11行），在控制台打印，把函数体给输出来了。请大神帮忙看看，谢谢！
展开阅读全文
-
等级
本版专家分：3486
-
@天际的海浪 大神请指点
-
等级
本版专家分：227 -
第9行，遍历对象属性的时候，会将添加的forEach函数也遍历出来。
所以会打印函数体
-
等级
本版专家分：161696勋章
-
- 签到达人 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- GitHub 绑定GitHub第三方账户获取
-
-
进士
2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
-
- 银牌 2019年1月 总版技术专家分月排行榜第二
-
-
for...in 循环除了遍历对象本身的所有可枚举属性。还会遍历从它的构造函数的 prototype 继承而来的所有可枚举属性。
你在Object.prototype对象上自定义了forEach属性，这个自定义的forEach属性是可枚举的，所有 Object 的实例对象用for...in 循环都会枚举出这个属性。这等于是对js系统的一种污染。
如果你只要考虑对象本身的属性，而不是它的原型，那么使用 hasOwnProperty() 来确定某属性是否是对象本身的属性
for (var key in this) {
if(this.hasOwnProperty(key)){
fn.call(this, this[key], key, this);
//执行回调函数，并传入参数：值、索引、对象
}
}
-
等级
本版专家分：3486
-
非常感谢，明白了。
改成这个hasOwnProperty()就好使了，可以支持到IE6
-
等级
本版专家分：161696勋章
-
- 签到达人 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- GitHub 绑定GitHub第三方账户获取
-
-
进士
2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
-
- 银牌 2019年1月 总版技术专家分月排行榜第二
-
-
更好的办法是把这个自定义的forEach属性设置为不可枚举的。不过要IE9才支持
Object.defineProperty(Object.prototype, "forEach", {enumerable:false});
-
等级
本版专家分：3486
-
嗯嗯好的，我再去试试，这应该是ECMA5的新方法吧？
- 50道JavaScript基础面试题（附答案）
https://segmentfault.com/a/11900000152887001 介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、...
- JavaScript基础内功系列，这十篇文章里一定有你感兴趣的
前端基础内功 这里总结了最经典、出镜率最高的一部分前端基础。希望能帮助自己和其他初级、中级前端同学打牢基础更进一步，加油！ 前言 喜欢武侠或热衷武侠游戏的小伙伴门肯定了解，门派的弟子们在学习上乘武功...
- JS如何捆绑TypeScript声明文件
我的理解是，TypeScript在JavaScript基础上引入强类型语言的特性。开发者使用TypeScript语法进行编程开发，最终通过转换工具将TypeScript转换成JavaScript。使用TypeScript能够避免在原生JavaScript上开发所带来的弱...
- 理解js中的new
在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class + new的方式创建对象，在Javascript中，我们将这类方式成为Pseudoclassical。 基于上面的例子，我们执行如下代码 ...
- 余光的前端进阶笔记（持续更新）
前端summary 传送门
- android 的webView加载h5，和h5的交互（java和JavaScript的交互）
Android提供了一个很强大的WebView控件用来处理Web网页，而在网页中，JavaScript又是一个很举足轻重的脚本。本文将介绍如何实现Java代码和Javascript代码的相互调用。（通俗点说就是，点击那个Web页面的按钮啥的，...
- 你可能学了假的JavaScript！不信你来看！
Adobe一个高级工程师 Dmitry Baranovskiy 在他的博客上写了这么一篇博文《So,you think you know JavaScript?...如果错了一两个说明你JavaScript基础不牢，如果错了三四个了，那就只能说明你学了假的JavaScript！
- apply()与call()方法详解
在JS的每个函数之中，都包含两个非集成而来的方法apply()和call()。这两个方法的用途都是在特定的作用域中调用函数，等于设置函数体内this对象的值 两个方法唯一的区别是接受的参数不同appay()方法接受运行函数的...
- 史上最全的Javascript面试题总结（内附答案）
近年来，从事JavaScript的程序员越来越多，JavaScript的曝光率也越来越高，如果你想转行试试JavaScript，不妨收下这份面试题及答案，没准用得上。当然，如果针对这些问题，你有更棒的答案，欢迎移步至评论区。 1、...
- WEB前端面试常见的问题及答案
一.html+css:在w3c的标准模式下，...其中后代元素的width：100%；二.html5新特性标签语义化，比如header，footer，nav，aside，article，section等，三.JavaScript基本数据类型：Number，String，Boolean，Undefine...
- 玩转Javascript函数上下文绑定——Dojo hitch/partial详解
原文：http://dojotoolkit.org/documentation/tutorials/1.7/hitch/原文作者：Tom Trenka译者：Ruan QiDojo 1.7 难度级别：中级在dojo工具包中，dojo/_base/lang...本文将介绍Javascript中的函数对象（Function）的基础
- 关于[].slice.call(arguments, 1) 的思考
[].slice.call(arguments, 1)
- 推荐两款基于Eclipse的Javascript插件
推荐两款基于Eclipse的Javascript插件
- 每个JavaScript工程师都应懂的33个概念
摘要： 基础很重要啊！ 原文：33 concepts every JavaScript developer should know 译文：每个 JavaScript 工程师都应懂的33个概念 作者：stephentian Fundebug经授权转载，版权归原作者所有。 简介 这个项目是...
- js的call() ，apply() 两种方法的区别和用法，最白话文的解释，让枯燥滚粗！
正好我前几天刚又重新翻了一遍 那本 600多页 的圣经书，我习惯时不时的去打下基础，只是为了用来装逼，给人讲解。。。。（我是有多蛋疼）！好了下面针对这个问题，我看好多小朋友 都不理解或者很迷惑，确实容易绕晕...
- Android和H5互调案例基础详解
混合开发概述 微信，微博以及现在市面上大量的软件使用内嵌了H5页面；...本质是：Java代码和Javascript调用H5页面，只是Html的扩展，Javascript用来处理页面的逻辑 Android和H5互调案例: 一.java调用j
- Web前端基础知识整理（一）
1. typeof返回的数据类型 typeof返回的数据类型包括undefined、string、number、...isArray()方法、toString.call()、instanceof Array 3. js中的call、apply、bind方法的区别 js中的call apply bind都是用来改变...
- krpano的JavaScript接口使用
本文主要介绍如何使用krpano的JavaScript接口，来实现播放器的展示数据以及效果添加。 创建全景播放器 创建播放器是krpano在线展示的一个必经过程，那么如何创建播放器呢？将krpano客户端对应的krpano.js代码和...
- javascript函数（二）--将函数作为参数传递
javascript函数（二）--将函数作为参数传递 在前面已经介绍了函数对象本质，每个函数都被表示为一个特殊的对象，可以方便的将其赋值给一个变量，再通过这个变量名进行函数调用。作为一个变量，它可以以参数的...
- 理解JS中的call、apply、bind方法
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别： apply 、 call 、bind 三者都是用来改变函数的...
- 《JavaScript语言精髓与编程实践》第二版的主要修改
在第一版基础上修订发布后所发现的七十余处勘误，其中五十余处主要是字词、排版类错误。 重新制版，避免了印刷中导致的破折号丢失的问题。 将目录细化到第四级标题，以完整地展示本书的内容与结构。 ...
- 史上被骂最多的编程语言——JavaScript
北理教师“学海泛舟”系列文章之二，介绍JavaScript编程语言，并尝试绘出一张JavaScript技术导航图，方便技术学习和探索。
- C#简易教程（二）
【译文】C# 教程和源码 【译文】Microsoft C# 概览之：C# 简介 【译文】Microsoft C# 概览之：C# 和 VB.NET 【译文】Microsoft C# 概览之：C# 和 JAVA 【译文】Microsoft C# 概览之：C# 控制台应用程序 ...
- 9个JQuery和5个JavaScript经典面试题
一、五个JavaScript经典面试题 1：Scope作用范围 1: (function() { 2: var a = b = 5; 3: })(); 4: 5: console.log(b); 什么会被打印在控制台上？ 回答 上面的代码会打印...
- Js面试题__附答案
1、什么是JavaScript？（这是基本题，对很多程序员来说也是送分题！）JavaScript是客户端和服务器端脚本语言，可以插入到HTML页面中，并且是目前较热门的Web开发语言。同时，JavaScript也是面向对象编程语言。类似的...
- this指向详解，思维脑图与代码的结合，让你一篇搞懂this、call、apply。系列（一）
一、学习this的指向问题 二、call和apply的特点与区别 三、模拟实现一个call 四、bind的功能 五、结尾 思考题+导图+示例代码，让你轻松掌握！
- JavaScript基础——回调(callback)是什么?
上篇文章《JavaScript基础——你真的了解JavaScript吗?》，我们明白了JavaScript是一个单线程、非阻塞、异步、解释性语言，清楚了什么是单线程、进程...
- JavaScript的基础知识点(面试题)
1.介绍JavaScript的基本数据类型?JavaScript的基本类型是: Undefined、Null、Boolean、Number、String详细讲解: http://www.jianshu.com/p/4841fcc6b4e72.JavaScript原型,原型链?有什么特点?每个对象都会在其内部...
- JavaScript事件
事件基础 JavaScript事件，又称DOM事件，指用户对DOM节点进行各种操作时，能触发相应的处理函数。这些操作包括获取焦点、点击、键盘输入、鼠标悬浮、窗口变化等等。 一个JavaScript事件，包括事件绑定、事件触发、...
- 关于js类中闭包调用this问题
我在封装web控件时遇到一个this调用问题，主要思想是将控件封装成一个js类，但是这个类中某个方法成员中有一个闭包，且该闭包要对此类中的方法进行调用，我直接使用this进行调用失败，先看代码,标红的部分是我已经...