ECMAScript/JS 基础知识讲解

闭包

下面这个方法能输入0 1 2 ... 9吗？显然是不可以的，输出结果是10个10。

function test()
{
var arr = [];
for(var i = 0; i < 10; i++)
{
arr[i] = function() {
console.log(i);
}
}
return arr;
}
var arrs = test();
for(var j = 0; j < arrs.length; j++) {
arrs[j]();
}

　　利用立即执行函数把0到9输出。这种写法没什么意义，还不如直接写个for循环

function test()
{
var arr = [];
for(var i = 0; i < 10; i++)
{
(function()
{
console.log(i)
}(i))
}
}
var arrs = test();

　　下面这种写法能看懂不，反正我是想不出来的

function test()
{
var arr = [];
for(var i = 0; i < 10; i++)
{
(function(j){
arr[j] = function() {
console.log(j);
}
}(i))
}
return arr;
}
var arrs = test();
for(var j = 0; j < arrs.length; j++) {
arrs[j]();
}

　　闭包的应用3：可以实现封装，属性私有化

说明：prepareWife不属于Deng的属性，但是能够被方法访问。

//闭包的应用：可以实现封装，属性私有化
function Deng(name, wife) {
var prepareWife = "xiaozhang";
this.name = name;
this.wife = wife;
this.divorce = function() {
this.wife = prepareWife;
}
this.changePrepareWife = function (target) {
prepareWife = target;
}
this.sayPrepareWife = function() {
console.log(prepareWife);
}
}
var deng = new Deng('deng', 'xiaoliu');

　　this指向

说明：结果是222，最后执行fun()没有对象调用所以是window的name.

var name = "222";
var a = {
name : "111",
say : function() {
console.log(this.name);
}
}
var b = {
name : "333",
say : function(fun) {
// this --> b
// fun没有对象调用，所以是window（GO）
fun();
}
}
b.say(a.say);//222
b.say = a.say;
b.say();//333　

　　

　　深度克隆

// 1.判断是不是原始值 typeof() object
// 2.判读是数组还是对象 instanceof toString constructor
// 3.建立相应的数组或对象（递归）
var obj = {
name : "abc",
age : 14,
card : ['visa', 'master'],
wife : {
name : "abcd",
son : {
name : "aaa"
}
}
}
var obj1 = {}
function deepClone(origin, target){
var target = target || {},
toStr = Object.prototype.toString,
arrStr = "[object Array]";
for(var prop in origin) {
if(origin.hasOwnProperty(prop)) {
if(typeof(origin[prop] == 'object')) {
if(toStr.call(origin[prop]) == arrStr){
target[prop] = [];
}else{
target[prop] = {};
}

deepClone(origin[prop], target[prop]);

}else{
target[prop] = origin[prop];
}
}
}

}
deepClone(obj, obj1);