2017-06 JS笔记

第06-21号笔记

常用的正则匹配链接

var pathname = window.location.pathname;var reg = new RegExp("(\/[^/]+){2}/(.*)/");var folder = pathname.replace(reg,"$2");

这个是获取链接部分的路径，以这个链接作为例子。

var pathname = window.location.pathname;// /cjh200102/article/details/6100013

这个正则干的事情，是取第三个斜杠后面的内容。

var reg = new RegExp("(\/[^/]+){2}/(.*)/");

1、(\/[^/]+)这个部分主要是取斜杠+斜杠后的内容。
2、{2}这个是对1部分取两次
3、$2取的是第二个括号里的内容，所以，如果这里是$1的话，取得就是1里面的内容。

第06-19号笔记

日常无聊看的链接_1

npm install -g npm

以管理员的身份运行cmd或者powershell，然后输入这句，就可以把npm更新到最新的版本。

浏览了一个链接：http://store.i.yuexunit.com/educationApproval/1.0/groupActivities/#subsidy.apply-create

window.location.hash//"#subsidy.apply-create"window.location.href//http://store.i.yuexunit.com/educationApproval/1.0/groupActivities/#subsidy.apply-create"window.location.pathname//"/educationApproval/1.0/groupActivities/"window.location.host//"store.i.yuexunit.com"window.location.hostname//"store.i.yuexunit.com"window.location.protocol//"http:"

第06-14号笔记

6-14号浏览1_JS的四种继承方式
6-14号浏览2_JS中的call()和apply()方法
6-14号浏览3_JS的extend
6-14号浏览4_立即执行函数的写法和理解

extend
说到可以向JQuery库中加一些扩展方法的extend，忽然想起之前去上海面试的一个面试官问我，如何向JQuery库增加方法。当时真的是一脸懵逼，我记得我当时回答的是，没用过。
因为我现在所在公司的前端框架是习惯把需要用的那种东西专门封装成一个require进项目，这样做的好处就是，可以选择性的require需要用到的东西，不需要的东西就不用加载。
而extend是向JQuery库里加入所有的扩展方法，于是不管是在功能简单的页面，还是负载的页面，添加进去的扩展方法要全部加载。

立即执行函数
对于立即执行函数，我只知道( function(){…} )()这个。

第06-13号笔记

//06-13-01function Foo() {    getName = function () { alert (1); };    return this;}console.log(Foo());console.log(Foo);

之前一直不太明白，在控制台打出Foo和Foo()的区别。
Foo()里，Foo是一个函数，而在函数Foo后加上括号()就是执行这个方法。
所以console.log(Foo());就是输出执行了这个方法的结果。
而console.log(Foo);则是输出了这个方法。
console.log(Foo());的结果如例06-13-02：

//06-13-02Window {stop: function, open: function, alert: function, confirm: function, prompt: function…}

这里之所以输出是window，是因为Foo()执行的最后一句，是return this``。
因为Foo()是在console.log()里执行的，所以this“`指针指向了window。

这和console.log(this);的结果一样的。

console.log(Foo);的结果如例06-13-03：

//06-13-03function Foo() {    getName = function () { alert (1); };    return this;}