今天看到了AngularJs介绍的条件化显示,在AngularJs中拥有四套不同的指令集:ng-show/ng-hide,ng-swatch-*,ng-if,ng-include.

ng-show/ng-hide

ng-show与ng-hide用于隐藏DOM树的一部分,它利用的是CSS规则,类似于CSS中的

1

style:"display: none;"

它并没有将元素从DOM树中移除。
更多 >>

原型

概念

每个函数都有一个prototype属性，这个属性指向原型对象,每个原型对象都会有一个属性:constructor,这个属性指向函数,例如:

1
2
3
4
5
6
7
8

function Person() {
}

Person.prototype.name = "me";
Person.prototype.age = 21;

console.log(Person.prototype);  //{name: "me", age: 123, constructor: ƒ},指向Person的原型对象
console.log(Person.prototype.constructor);  //ƒ Person() {},指向Person函数

每个实例都有一个[[Prototype]]属性指向其原型对象,在Firefox、Safari、Chrome中为__proto__,通过__proto__可以访问实例的原型对象
更多 >>

概念

闭包是指有权访问另一个函数作用域中中的变量的函数,最常见的方式就是在一个函数中创建另一个函数，例如:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

function getFunctions() {
    var functions = new Array();
    
    for(var i = 0; i < 10; i++) {
        functions[i] = function() {
            return i;
        }
    }
    
    return functions;
}

var array = getFunctions();  //每个函数都保存了getFunctions的活动对象,所以每个函数访问的变量都是同一个

console.log(array[0]());  //10
console.log(array[0]());  //10

属性

ECMAScript中有两种属性：数据属性和访问器属性

数据属性

概念:数据属性包含属性的值的位置,在这个位置可进行读取、写入
特性:1.[[Configurable]]:能否删除属性、修改属性的特性,默认值为true
2.[[Writable]]:能否修改属性的值,默认值为true
3.[[Enumberable]]:能否枚举出该属性,默认值为true
4.[[Value]]:属性的值,默认值为undefined

访问器属性

概念:访问器属性不包含数据值,有一队getter()和setter()(这两个函数不是必须的),读取访问器属性会调用getter(),同理写入时会调用setter()
特性:1.[[Configurable]]:能否删除、修改属性的特性
2.[[Enmuberable]]:能否枚举出该属性
3.[[Get]]:读取属性时调用
4.[[Set]]:写入属性时调用
更多 >>

作用域链

调用一个方法时，方法首先在自己的作用域中查找变量和方法，若没有找到，将查找上一级作用域链，直至找到最顶层的作用域即window，example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

var person = {};
person.name = "我";
    
function editName() {
    var newName = "新的名字";
        
    functino changeNewName() {
        var oldName = person.name;
        person.name = newName;//方法内部可以访问到person、newName、oldName
    }
    
    changeNewName();
    //此处可访问到的变量有：person、newName
}
//此处访问到的变量有：person
editName();//该作用域链图如下。。。在02/05/jsScope.png