jquery不工作？

Question

火狐（v52.0），jQuery的

这个工程：

// example 1 
$('html').find('body') 

这个工程：

// example 2 
var h 
h=$('html') 
h.find('body') 

这不起作用：

// example 3 
var f 
f=$('html').find 
f('body') 

我得到

Error: Permission denied to access property "ownerDocument"

为什么？

但这个工程：

// example 4 
var a 
a = x => $('html').find(x) 
a('body') 

Answer 1

例3不起作用，因为find被称为在全球范围内，当你把它分配给f。如果您使用call并传递有效的jQuery对象作为上下文，则代码有效。试试这个

var f = $('html').find; 
 
console.log(f.call($('html'), 'body').length)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

此外，例如4部作品，因为a可以转换为下面的代码，如果写成无箭功能。

var a = function(x) { 
    return $('html').find(x); 
}; 

这只是例1中，但为了一个包装函数取一个参数

Answer 2

没有，jQuery是不是功能

通过查看jQuery的核心源代码： https://github.com/jquery/jquery/blob/master/src/core.js#L51

你可以看到它在this中保持状态。

在f=$('html').find的f的this发生变化，不再是持有this状态$('html')

-

在这种情况下，你只是代理的方法调用。 find的this没有变化。

var a 
a x => $('html').find(x) 
a('body')