js点集

·  阅读 154

1、jquery的event.stopPropagation()方法针对于事件委托时,当绑定在同一个content上面,会存在失效情况

<div class="content">
    <p class="a">
        <span class="b"></span>
    </p>
</div>
复制代码

解决方案:

a、不要挂在同一个容器上,一个挂content,一个挂content1

$(".content").on("click", ".a", function(event){
    event.stopPropagation()
    alert(1);
})

$(".content1").on("click", ".b", function(event){
    event.stopPropagation()
    alert(1);
})
复制代码
b、如果一定要挂在同一个容器上
$(".content").on("click", ".a", function(event){
    var target = event.target;
    if($(target).hasClass("a")){
        alert(1);
    }
})

$(".content").on("click", ".b", function(event){
    alert(1);
})
复制代码

2、数组的indexOf()方法能查找对象,但是对象要先定义,否则查找不到,因为数组认为你是创建了一个新的对象;

var obj = {a:1};
arr = [obj,{b:2}];
var index1 = arr.indexOf(obj);//0
var index2 = arr.indexOf({b:2}});//-1
复制代码

3、{} == {};//false;

var arr = [obj,{b:2}];
var item = {b:2};
function fIndexOf(arr, item){
    var index = -1;
    for(i = 0; i < arr.length; i++){
        if(obj[i] == item){
            index = i;
        }
    }
    return index;
}
fIndexOf(arr, item);//-1  {b:2}不等于{b:2}
复制代码

4、外部方法(非实例)如何访问构造函数的原型,并保留this指针?

var name = "我是window的name";
var fn = window.fn || {};
fn.comment = function(){
    return new Comment();
}
//函数构造器
var Comment = function(){
    var self = this;
    this.name = "我是Comment的name";
    方法一:
    this.f2 = function(){
        self.f1.call(self);
    }
    ps:call会立即执行,用此方法可以保证在调用时执行
    
    方法二:
    this.f2 = self.f1.bind(self);
    ps:bind不会立即执行,this指向永久保存
    
    func1(this.f2);
    func2(this.f1);
}
Comment.prototype.f1 = function(){
    console.log(this.name);
}

var func1 = function(f){
    typeof f == "function" && f();//我是Comment的name
}

var func2 = function(f){
    typeof f == "function" && f();//我是window的name
}
复制代码
分类:
前端
标签:
分类:
前端
标签: