js复习

2019-10-13

字数统计: 2k字 | 阅读时长: 7分

阅读量 31

数据类型

基本数据类型
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
// 存储的是数据在内存中的地址，数据在内存中单独存储就是引用类型的数据

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

对象的动态特征

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

1	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
使用函数封装
使用函数将代码封装，使得复用性更高

使用函数封装带来的问题：

//1.全局变量污染
//2.代码结构不够清晰，维护不方便
使用对象封装
/使用对象进行封装后的优势
//1.暴露在全局的只有一个对象名不会造成全局变量污染
//2.使用对象将代码进行功能模块的划分，有利于日后的维护
little tip: itar 敲tab就可以出现for循环