js个人学习总结

认识javaScript

        JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

JS代码引入注意事项

想要js在某区域实现某种效果，首先要注意js语言的script标签正确引入方式。

1、在一对script标签中存在错误的js代码，那么改代码后的js将不会正常执行。

2、如果在第一对script中的js代码有错误，但不会影响下一对script标签中的js代码的执行。

3、h5版本下  script标签中的type = "text/javaScript"可以省略不写。

4、如果script标签有src=""引入外部js文件，那么这对script标签内不可以存放代码。

JS中的简单复杂数据类型分类

      简单数据类型

①值类型：

    因为简单数据类型又叫基本数据类型，存储变量的时候是把 值本身 存储，所以叫做值      类型。

②五大类：

    string·····字符串类型

    number·····数字类型

    boolean·····布尔值类型

    underfind····未定义

    unll··········空类型（特殊在返回值是Object.而不是他本身）

/*
=======================================================
Undefined类型只有一个值：undefined，表示未定义这个量
为初始化的变量会自动赋予undefined值
*/

//  typeof用来检测数据类型
var mes;
console.log(typeof mes)    //输出underfind
/*
Null类型也只有一个值：null
*/

alert(typeof null);    //返回object，null值表示一个空对象指针
/*
Boolean类型只有true/false两个值，
*/

      复杂数据类型

引用类型又叫复杂数据类型，存储式存储地址（引用名），因此叫做引用数据类型，

通过new关键字来创建对象，例如Object,Date,Arr等。

JS高级事件函数，(事件监听，绑定事件)

三种注册事件方法：1注册事件获取页面元素，给页面上某些元素添加指定操作。

①·传统注册事件方法

②·新增注册事件方法

③·考虑到兼容性在IE低版本浏览器中用第三种IE专用注册事件方法，

    <button>传统注册事件</button>
    <button>新增注册事件</button>
    <button id = "btn">IE注册事件</button>
    <script>
        // 传统注册事件
        var btns = document.querySelectorAll("button");
        btns[0].onclick = function(){
            alert("111");
        }
        // 新增注册事件
        btns[1].addEventListener("click",function(){
            alert("222");
        })
        // IE浏览器注册事件
        var btn1 = document.getElementById("btn");
        btn1.attachEvent("onclick",function(){
            alert("333");
        })
    </script>

JS函数定义和调用方式

<script>
  //  函数的定义方式

        // 1. 自定义函数(命名函数) 

        function fn() {};

        // 2. 函数表达式 (匿名函数)

        var fun = function() {};
// 3. 利用 new Function('参数1','参数2', '函数体');
        // Function 里面参数都必须是字符串格式
        // 第三种方式执行效率低，也不方便书写，因此较少使用
        // 所有函数都是 Function 的实例(对象)  
        // 函数也属于对象

</script>

调用方式

<script>  
var f = new Function('a', 'b', 'console.log(a + b)');
        f(1, 2);
        // 4. 所有函数都是 Function 的实例(对象)
        console.dir(f);
        // 5. 函数也属于对象
        console.log(f instanceof Object);
</script>