编程世界只存在两种基本元素:一个是数据、一个是代码。

(能写代码算入门,能处理复杂场景或者数据算合格,能不变应万变是不朽)

最流行的编程思想莫过于面向对象编程,因为面向对象编程思想把数据和代码结合成统一整体,将杂乱的算法和子程序及复杂的数据结构 划分为清晰有序的对象结构。

(js分两种写法:一种面向过程,一种面向对象;面向过程基本就是想到啥写啥,能力强点的给你封装到极致、得体、便与后续阅读; 面向对象就是抽象功能具体化,便于后续扩展,需要深厚功力)

对象本无根,类型亦无形,本来无一物,何处惹尘埃?

(es3无类的定义,但是可以模拟出类的行为特点)

JavaScript 就是把数据和代码简化到最原始的程度。

(js是动态的弱类型语言,数据类型少,轻松互转,不需要生成额外文件跨平台,对象字面量更是直观明了,人性化。)

JavaScript 的简单数据只有五种:number、string、boolean、undefined、null(这哥们特殊,是 object 类型),复杂数据只有一种:object;类似中国的金木水火土,其他复杂的都是由这五种基本元素组成。

(

typeof function(){}    "function"
typeof {}    "object"
typeof null  "object"
typeof []    "object"
typeof 1   "number"
typeof '1'   "string"
typeof undefined    "undefined"
typeof true   "boolean"
typeof NaN   "number"

)

js 世界里代码精髓体现为 function。

(正常点的代码基本都是放在 function 里面的)

js 执行引擎并非一行行执行,而是一段段执行。

(此处涉及到一个预编译的概念:函数代码段分步载入   -   变量定义提升  -  函数声明提升 ,按顺序执行 )

函数具有对象全部特征,因为 Function 是 函数祖先,而 Object 是 Function的祖先。

(js 设计完成,已经包含多态对象:函数、日期、正则、数组等。即 ECMAScript 已经内部完成了 由 object 到这些 语法糖的转换,无需怀疑,放心使用,肯定比你自己写出来的继承要好 ~~ )

this 不一定是函数所属对象,可以是任意对象,取决于函数执行时所配置的对象。

this指向分三类吧:

var f=function(){};

var o={};

o.f=f;

1.  f()    window

2.  o.f()    o

3.  f.call(0)   o

还有 this 在 dom中的this指向,及 h5 bind 对 this 指向改变

json 即 JavaScript object notation ,js对象表示法,为创建对象提供了最简洁写法: {},逗号分隔项目,项目内分号分隔属性与属性值,即 对象的字典结构。

(

{name:'wj',age:'28'},和小学生查字典这的很像啊,通过name找到wj,通过age找到28,这些数据又依据规则逗号成列在一起...,可读性比xml好太多了,如果同时期出来,绝对完爆它

)

js 中所有的 function 都有一个属性 prototype ,指向一个对象。

(这就是继承了,知道这个,你便可以修改已有的函数、扩展新的函数、面向对象思维编码)

通过 prototype 形成原型链,追根溯源,知道找到匹配的或者结束。

写个小故事:

抗日战争时期,有人举报小明家有一个八路,日本军阀要找出他,先找到小明,然后找他爸,再找他爷爷,一旦确定是某个人后就停止寻找。

如果小明是八路则直接带走,并不再寻找。

他不是,则找他爸,是则带走,并不再寻找。

他爸也不是的话,就找他爷爷,是则带走,并不在寻找,

如果他爷爷也不是,那么说明小明家没有八路,也停止寻找。

真经链接

this | MDN

javaScript 真经 小感 this 指向的更多相关文章

  1. javascript学习-原生javascript的小特效(原生javascript实现链式运动)

    以下代码就不详细解析了,在我之前的多个运动效果中已经解析好多次了,重复的地方这里就不说明了,有兴趣的童鞋可以去看看之前的文章<原生javascript的小特效> <!DOCTYPE ...

  2. javascript学习-原生javascript的小特效(多个运动效果整理)

    以下代码就不详细解析了,在我之前的多个运动效果中已经解析好多次了,重复的地方这里就不说明了,有兴趣的童鞋可以去看看之前的文章<原生javascript的小特效> <!DOCTYPE ...

  3. javascript中几种this指向问题

    javascript中几种this指向问题   首先必须要说的是,this 永远指向函数运行时所在的对象,而不是函数被创建时所在的对象. (1).作为函数名调用   函数作为全局对象调用,this指向 ...

  4. JavaScript设计模式小抄集(持续更新)

    前言 本文旨在记录JavaScript中常用的设计模式代码片段,简要说明使用场景,不过于追究细节.在设计模式开篇之前,还是先要搞清楚JavaScript中关于面向对象的基础知识,可以先看看JavaSc ...

  5. JavaScript 你真的了解this指向吗

    JavaScript 你真的了解this指向吗 前言 终于开始写this指向了,相信这对很多JavaScript的学习者来说是一个非常恐怖的环节,个人认为也算是JavaScript中最难理解的一个知识 ...

  6. 【JavaScript定时器小案例】常见的几种定时器实现的案例

    [JavaScript定时器小案例]常见的几种定时器实现的案例 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 说明 在日常开发 ...

  7. 有用的JavaScript开发小建议

    这篇文章将向你分享一些不为人知的但很有用的JavaScript小建议,对那些刚涉及使用JavaScript编程语言的初级开发者应该有很大的帮助. 1. 用数组长度截取数组 我们都知道,对象都是通过使用 ...

  8. 你想的到想不到的 javascript 应用小技巧方法

    javascript 在前端应用体验小技巧继续积累. 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElemen ...

  9. 41个Web开发者JavaScript实用小技巧

    1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false" < table border oncontextmen ...

随机推荐

  1. 问答项目---用户注册的那些事儿(JS验证)

    做注册的时候,由于每一个页面都有都要可以注册,可以把注册方法写到一个公用的方法里去,其他方法继承这个方法: 简单注册JS示例: <script type='text/javascript'> ...

  2. Redis快速起步及Redis常用命令大全

    本系列教程内容提要 Java工程师之Redis实战系列教程教程是一个学习教程,是关于Java工程师的Redis知识的实战系列教程,本系列教程均以解决特定问题为目标,使用Redis快速解决在实际生产中的 ...

  3. 从零打造在线网盘系统之Struts2框架配置全解析

    欢迎浏览Java工程师SSH教程从零打造在线网盘系统系列教程,本系列教程将会使用SSH(Struts2+Spring+Hibernate)打造一个在线网盘系统,本系列教程是从零开始,所以会详细以及着重 ...

  4. 强制关机导致ORA-03113

    数据库启动报错:无法打开数据库. [oracle@localhost ORCL]$ sqlplus / as sysdba SQL*Plus: Release 11.2.0.4.0 Productio ...

  5. Python开发【模块】:内置模块

    内置模块 1.__import__ # import app目录下的kingadmin.py文件 for app in conf.settings.INSTALLED_APPS: __import__ ...

  6. android 错误收集

    2. is not translated in Eclipse > Preference > Android > Lint Error Checking的Correctness: M ...

  7. mysql 数据操作 单表查询

    单表查询的语法 distinct 去重 SELECT 字段1,字段2... FROM 表名 库.表名 WHERE 条件 过滤 符合条件的 GROUP BY field 分组条件 HAVING 筛选 过 ...

  8. mysql 数据操作 单表查询 having 过滤

    SELECT 字段1,字段2... FROM 库名.表名 WHERE 条件 GROUP BY field HAVING 筛选 ORDER BY field LIMIT 限制条数 1.首先找到表 库.表 ...

  9. 详谈LABJS按需动态加载js文件

    为了提高页面的打开和加载速度,我们经常把JS文件放在页面的尾部,但是有些JS必须放在页面前面,这样就会增加页面的加载时间:于是出现了按需动态加载的概念,这个概念就是当页面需要用到这个JS文件或者CSS ...

  10. Winform 下使用WebBrowser的HTML编辑控件—WinHtmlControl 在win7 IE9下的问题

    问题是这样的,有一个需要用到富文本的地方,由于是winform的程序,而且程序是上一代老员工留下的,错误百出,现在要尽量修复,至少保证能正常使用,于是就开始一点点问题修复. 在win7 64位系统下出 ...