观看《Javascript秘密花园》小结(1)

原文地址: http://bonsaiden.github.io/JavaScript-Garden/zh/#object.general

1.hasOwnProperty函数

  • 用来判断一个对象是否包含自定义属性而不是原型链上的属性,hasOwnProperty是js中唯一一个处理属性但是不查找原型链上的函数
  • 一般会在使用 for in 循环偏离对象的时候总会配合使用hasOwnProperty ,这样可以有效的避免原型对象扩展带来的干扰
    搞段代码:
object.prototype.bar = 1;
var foo = {goo : undefined}
foo.bar // 1
'bar' in foo // true
foo.hasOwnProperty('bar') // false
foo.hasOwnProperty('goo') // true

2.循环

2.1 for in 循环

  • 主要用来循环遍历带有字符串key的对象
  • 遍历时不仅能读取对象自身上面的成员属性,而且也可以延续原型链遍历出对象的原型属性(可以用haOwnProperty 来判断是否是对象自身属性)
  • 可以中断循环(通过break:跳出循环,continue:跳过本次循环,继续执行下次循环)
Object.prototype.bar = 1;
var foo = {moo: 2};
for(var i in foo) {
    console.log(i); // 输出两个属性:bar 和 moo
    if(foo.hasOwnProperty(i)){
       console.log(i); // 输出 moo
    }
}

2.2for of

  • for of 内部调用的其实Symbol.iterator接口,
  • 适用范围:数组,Set和Map结构还有一些类似arguments对象,DOM对象以及字符串等等
  • 如果for of 循环提前退出(通常是因为出错,或者有break语句)其实是调用的return方法。
  • for-of循环不支持普通对象,但是如果你想迭代一个对象的属性,可以使用for-in循环(这也是它的本职工作)或者内建的Object.keys()方法
var student={
    name:'wujunchuan',
    age:22,
    locate:{
    country:'china',
    city:'xiamen',
    school:'XMUT'
    }
}
console.log(Object.keys(student)) // ['name','age','locate']
for(var key of Object.keys(student)){
    //使用Object.keys()方法获取对象key的数组
    console.log(key+": "+student[key]);
}
// name: wujunchuan
// age: 22
// locate: [object Object]

2.3 foreach

  • 不能使用break,return 退出循环
  • 主要用来遍历数组
var a = ["a", "b", "c"];
a.forEach(function(element) {
    console.log(element);
}); // a,b,c

2.4 for

  • 可以通过break,continue退出循环
for (var i = 0; i< 4; i++){ 
   console.log(i); 
    if(i== 2){ continue } 
} // 0,1,3

for (var i = 0; i< 4; i++){
  console.log(i); 
  if(i== 2){ break } 
} // 0,1,2

2.5 map

  • 如果没有return则是返回undefined
  • 会创建一个新数组
var users = [
  {name: "张含韵", "email": "zhang@email.com"},
  {name: "江一燕",   "email": "jiang@email.com"},
  {name: "李小璐",  "email": "li@email.com"}
];
users.map(function (user) { return user .name});
["张含韵","江一燕","李小璐"]

3.闭包和引用

4.构造函数

  • 通过new关键字方式调用的函数都被认为是构造函数
  • 在构造函数内部,this指向的是新创建的对象Object这个新创建的对象的prototype被指向构造函数的prototype

5.作用域

由于js中没有显示的命名空间定义,这就意味着所有的对象都定义在一个全局共享的命名空间下面

function add(a, b) {
    return 
        a + b;
}
console.log(add(1, 2)); // undefined

function add(a, b) {
    return  a + b;
}
console.log(add(1, 2)); // 3
// 如果需要return的对象和reutrn不在一行就会出错

每次引用变量,js都会向上遍历整个作用域,知道找到这个变量,如果直到全局作用域这个变量还是未知的就会抛出ReferenceError异常

5.1变量提升

js会提升变量声明。意味着var和function 声明都会被提升到当前作用域的顶部

5.2 名称解析顺序

在js的所有作用域中,this指向的是当前对象,
函数作用域内也有默认的变量arguments
以访问函数内部的foo变量为例,讲解js查找顺序

  • 首先判断当前作用域内是否有 var foo 的定义
  • 函数的形参是否有foo
  • 函数自身是否叫做foo
  • 回溯到上一级作用域循环以上操作

6.数组

一般通过[]来创建数组

[1,2,3]  // 1,2,3
new Array(1,2,3) //1,2,3
new Array(3) // [] 长度为3

要尽量避免使用数组构造函数创建数组。推荐使用数组的字面语法,短小简洁,可读性强

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,826评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,968评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,234评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,562评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,611评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,482评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,271评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,166评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,608评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,814评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,926评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,644评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,249评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,866评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,991评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,063评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,871评论 2 354

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,149评论 0 13
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,197评论 0 3
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,126评论 0 21
  • 选好点位很重要,尝试了在百联扫商铺,也是突破吧。8点之前资源量都是垫底的,不想输给昨天的自己,不想给团队拖后腿。还...
    聂茜阅读 168评论 0 1
  • 六月中旬到现在,我保持了一个很好的生活状态,除了偶尔的失眠、轻微的厌食和焦虑,我觉得自己很健康,可能这句话很矛盾,...
    疃春阅读 321评论 0 0