本文为整理某前端群的一次讨论所得,希望能对你有所帮助。

1. 在等权重的css选择器上,样式是css文件里定义的顺序还是在html元素上使用的顺序生效?

结果可参照以下示例:

2. 全局变量

话不多说,先看代码:

  function foo(){
    var a = b = 0;
}
foo();
alert(a);
alert(b);

如果你以为会返回两个undefined,那就恭喜你掉坑了,这里b是货真价实的全局变量,因为赋值运算是自右向左的,所以:

  var a = b = 0;

相当于:

  var a = (b = 0);

由于b是没有用var声明而直接使用的,所以他是全局变量。

3. 变量声明提升

老规矩,先上代码:

  name = 'global-str';

function foo() {
    alert(name);
    var name = 'local-str';
    alert(name);
}
foo();

简单看过去,希望两次alert的结果是"global-str" 与 "local-str",仔细一看还会以为两次都返回"local-str"。 但结果却是"undefined"与"local-str"。为什么会这样?那是因为:

变量在同一作用域中总是会将声明部分提升至顶部优先进行解析的, 注意这里是只会将声明提升,其余部分仍然在原位置。

所以以上代码应该是等价于以下代码的:

  var name = 'global-str';

function foo() {
    var name;//注意这里声明了和外部同名的变量,由作用域链这时内部name的值为undefined
    alert(name);
    name = 'local-str';
    alert(name);
}
foo();

4. 函数声明与函数表达式

函数声明是指一个完整的句子中,以function关键词开头的函数定义,而任何非function开头的函数定义均为函数表达式。

函数声明和变量声明一样会被提升,但函数表达式不会提升。

  alert(typeof foo); // function
function foo() {
    //body...
}

alert(typeof fun); // undefined
var fun = function () {
    //body...
}

5. 命名函数表达式

理所当然,首先这是函数表达式,其次它还有函数名。

  var i = 2;  
var bar = function foo () {
    i -= 1;
    if (i) {
        foo();
    }
}
foo();

当你以为foo会执行2次的时候,哎呀,你又掉坑啦!它会报ReferenceError:foo is not defined的错误,why???

函数表达式中的函数名仅对函数内部可见, 对外部不可见。

所以以上会报错,如果调用bar(),函数会正常执行2次

6. 关于函数的自执行

对于函数表达式,可以通过在后面加()立即执行,但函数声明不可以。

  // (1)这里只是一个分组操作符,不是函数调用!
function foo(x) {
    alert(x);
}(1);

// 这里会执行
var bar = function (x) {
    alert(x);
}(1);

7. 关于arguments.callee

这个只是一个可访问,但无法修改的属性。

所以:

  function foo() {
    alert ('b');
    arguments.callee = function () {
        alert('c');
    }
}
foo(); // 'b'
foo(); // 'b'

非常感谢你阅读此文,希望这篇文章可以帮到你。同时solar.pom非常期待您的意见和建议。


2,301 1 6