js基础2

不念不忘少年蓝@ 2022-08-07 06:00 54阅读 0赞

### 1、无名函数必须在调用之前定义 ###

function funcname(){}
    var funcname = function(){}

这两种创建函数方式等价，但是前一种方式创建的是有名函数，后面是创建了无名函数，只是让一个变量指向了这个无名函数。

func();
    var func = function(){
        alert(1);
    }
    // 上面代码会报错，而下面可正确执行
    func();
    function func (){
        alert(1);
    }

### 2、Function是所有函数对象的基础 ###

函数本身也是一个对象，他们的类型是Function。借助于函数的prototype对象，可以很方便的修改和扩充Function类型的定义，例如：

Function.prototype.method1=function(){
        alert("function");
    }
    function func1(a,b,c){
        return a+b+c;
    }
    func1.method1();
    func1.method1().method1();

注意最后一个语句：func.method1().method1()，它调用了method1这个函数对象的method1方法。虽然看上去有点容易混淆，但仔细观察一下语法还是很明确的：这是一个递归的定义。因为method1本身也是一个函数，所以它同样具有函数对象的属性和方法，所有对Function类型的方法扩充都具有这样的递归性质。

### 3、Object是所有对象（包括函数对象）的基础 ###

在Javascript中，任何一个对象都是Object的实例，因此，可以修改Object这个类型来让所有的对象具有一些通用的属性和方法，修改Object类型是通过prototype来完成的：

Object.prototype.getType=function(){
        return typeof(this);
    }
    var array1=new Array();
    function func1(a,b){
        return a+b;
    }
    alert(array1.getType());
    alert(func1.getType());

上面的代码为所有的对象添加了getType方法，作用是返回该对象的类型。两条alert语句分别会显示“object”和“function”。new一个function实际上是返回一个函数。

### 4、让一个事件有多个处理程序 ###

<button id='button3'>
          Test Event Button
      </button>

当点击“Test Event Button”按钮时，控制台会依次输出

event1
    event2
    event3

### 5、实现事件绑定处理程序的兼容性 ###

// 事件处理程序
    function func(){
        // 语句
    }
    if(element.addEventListener){
        element.addEventListener("onclick",func,false);
    }else{
        element.attachEvent("click",func,false);
    }

### 6、事件event对象的浏览器兼容处理 ###

element.οnkeydοwn=function(evt){
        evt=evt?evt:window.event;
        if( evt.ctrlKey && (13==evt.keyCode) )
            this.form.submit();
    }

以上代码是当按下Ctrl+Enter键实现表单提交的功能。onkeydown是文本框的一个键盘事件，它接收一个参数evt，在非IE浏览器中，会自动将event对象作为参数传进来。而IE中，event对象是一个全局对象，在任何地方均可使用，不会作为函数的参数，因此需要使用evt=evt?evt:window.event;来实现浏览器兼容性。

ctrlKey属性是一个布尔型变量，表示键盘Ctrl是否按下，keyCode是整数类型，表示按键的代码，13表示Enter键被按下。

### 7、IE11下js不执行，还不报异常 ###

检查js代码，把里面console.log("nodeId",nodeId);类似代码去掉即可