JavaScript复习

最新推荐文章于 2022-11-08 15:54:32 发布

跌打的小脆骨

最新推荐文章于 2022-11-08 15:54:32 发布

阅读量130

点赞数 1

分类专栏： js 文章标签： JavaScript

本文链接：https://blog.csdn.net/littleCucumber/article/details/102844715

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

数据类型

基本数据类型
string number boolean
复杂数据类型（引用类型）
Array Date Object RegExp String Number Boolean
如何获取一个数据的数据类型
使用关键字 typeof
typeof返回值为string类型
String Number Date 首字母大写的都是构造函数
两个空的类型
null
undefined
什么时候对象会是null
//变量不可能为null值，除非手动去设置
什么时候要给对象赋值为null？
//要解除对象的占用（引用）的时候

全等于和等于的区别

=== 全等
类型和值都要进行比较
== 等于
只比较值

in关键字

最常用的是在for in 循环中遍历对象的键

		for(var k  in obj){
       console.log(typeof k);
       console.log(k);
   }

	判断属性是否存在于对象中
        //语法   属性名 in 对象
		var propName = "name";
   var isExsit = propName in obj;
   console.log(isExsit);

注意：使用in关键字的时候，属性名称为字符串类型，需要用引号引起来
注意： in关键字操作数组的时候判断的是索引是否存在，而不是值

 var arr = [4, 6, 3, 4];

   console.log(0 in arr);（true）
    //这里会做一个隐式的类型转换
   console.log("0" in arr);（true）
	如何判断数组中是否存在指定的值
    //1. for循环 如果找到了就输出
    //2. indexOf  返回值为指定的数对应的索引，如果没有找到 返回-1
    console.log(arr.indexOf(9));
		for(var i=0;i<arr.length;i++){
  if(arr.indexOf(i) == target){
     console.log(arr.indexOf(i))
}
}

新建对象

var now = new Date();
    console.log(now);

    //GMT  格里尼治标准时间
    //UTC  世界协调时间

值类型和引用类型

说明

值类型： string number boolean undefined
存储的就是数据本身的变量就是值类型的数据
引用类型：object
存储的是数据在内存中的地址，数据在内存中单独存储就是引用类型的数据

引用类型赋值
引用类型赋值的时候，是将变量中存储的地址复制一份单独存储，但是两个变量共享同一个对象
修改其中一个对象，两外一个引用来访问的时候，也会访问到修改后的对象
###特征
值类型的赋值
直接将存储的数据复制一份进行赋值，两份数据在内存中是完全独立的
引用类型相反
在函数中的使用
值类型做函数的参数
函数内部的变量，也就是形参和实参只是简单的赋值操作，两个数据独立存储于内存中的
在函数内部对形参进行修改，不会影响外面的变量
引用类型做函数的参数
还是把实参存储的地址赋值给了形参，在函数内部，形参同样也指向该对象，
所以，在函数内部对该对象进行修改，会影响到外面的变量
注意：如果在函数内部重新创建对象，为该形参赋值，那么两个对象将不再有关系
修改其中一个，另外一个不受影响

对象的动态特征

对象的动态性是指，在对象创建出来之后，为对象添加新的属性或者方法
使用点语法进行赋值的时候，如果对象存在该属性，是修改操作
//如果对象不存在该属性，是给该对象新增属性并且赋值
对象是不是就是键值对儿的集合
// 对象名[属性名] 注意这里的属性名是字符串

console.log(obj["name"]);

//这里如果使用的键不是字符串类型，会隐式的转换成字符串类型
/新增属性、方法的方式有：
//1.点语法
//2.通过 [] 的形式去添加

逻辑中断

即c中的短路

delete关键字

//delete关键字可以用来删除对象的属性，还有未使用var声明的变量
		//    var num = 10;
//    var result = delete  num;
//    console.log(result);//false
	    //delete关键字有返回值 用来表示删除属性是否成功
	    //如果删除的是不存在的属性，返回值为true
		  var result=  delete obj.gender;
   console.log(result);
	    //如果删除的属性存在原型当中，那么返回值为true，但是并未删除
		 console.log(obj.toString()); //[object Object]
		var result = delete obj.toString;
    console.log(result);//true
    console.log(obj.toString());//[object Object]

定义函数

1.函数声明

function funcName(){
            //函数体
        }
	//2.函数表达式
        //在使用函数表达式声明函数的时候，function后面可以跟函数名
        //但是 这个函数名。只限在函数内部使用，外部无法访问
		 var funcName1 = function name(){
            //
            console.log("谁说不可以");
        }
funcName1();
	 //3.Function
        var funcName2 = new Function();

DOM操作复习

//增
        //document.createElement
        //appendChild
	//删
        //removeChild
	//改
        //style
        //id
        //className
        //innerHTML
        //innerText
	//查
        //getElementById
        //getElementsByTagName
        //getELementsByClassName

异常处理

异常最大的特征，就是一旦出现异常，后面的代码将不会再执行
//那为了保证后面代码在出现异常之后，还能继续执行，所以就要进行异常处理
注意语法异常 try catch无法捕获
异常捕获语句

      //try catch finally
		try{
            a();
//            //可能会出现问题的代码
//
//            throw "你的代码坏了！！！";
//        }
//        catch(e){
//
//            //出现异常后的处理代码
//            console.log(e);
//        }
//
//        function test() {
//            console.log("我是之后的代码");
//        }

			try{
            sum(0);
        }
        catch(e){
            console.log(e.errMsg);
        }

        //异常捕获语句的完整形式

        try{
            //可能出现异常的代码
            xyz();

        }
        catch(e){
            //出现异常后的处理代码
        }
        finally{
            console.log("我是finally中的代码");
            //不管有没有出现异常，这里的代码都会执行
            //node.js
            //做释放资源的操作。
        }
	手动抛出异常信息 使用 throw关键字
		unction sum(num1, num2){
            if(num1 == undefined || num2 == undefined){
                throw {
                    errMsg: "能不能好好玩耍了，乖乖给我传参！！",
                    errCode: 13888888888
                };
            }else{
                return num1 + num2;
            }
        }

面向对象

概念

面向过程的思维方式：
//就是把解决问题的关注点，放到解决问题的每一个详细的步骤上面！
面向对象的思维方式：
//就是把解决问题的关注点，放到解决问题需要的一些列对象身上
在JS当中什么是对象？
//键值对儿的组合就是对象
现实生活中的对象的特征对应到JS当中是对象的属性！

现实生活中的对象的行为对应到JS当中就是对象方法

		//如何在一句话中找出所有的对象
        //名词提炼法！！！
        //小明在公交车上牵着一只叼着香肠的狗
        var xm = {
            name:"小明",
            age:12,
            liuDog:function () {
                console.log("遛狗啦！！！");
            }
        }
	编程
		要求创建出来一个div 并且设置样式，然后加到body标签当中
			面向过程
				1.创建div
//            var div = document.createElement("div");
//            //2.设置div的样式
//            div.style.height = "200px";
//            div.style.width = "200px";
//            div.style.border = "1px solid pink";
//            //3.添加div到body中去
//            document.body.appendChild(div);

			面向对象
				//使用面向对象的思维方式来解决js问题
            $("body").append("<div style='width:200px;height:200px;border:1px solid pink'></div>")

面向对象是对面向过程的封装，有了面向对象并不意味着，就可以抛弃面向过程
为什么要学习面向对象
看懂框架
//编写代码的时候的原则：DRY
//Don’ t repeat yourself
使用函数封装
使用函数将代码封装，使得复用性更高