前端JS基础知识每日学习总结②

 <每周打卡2nd.Aug>本版块旨在记录自己每日所学，以便闲暇时间复习。

2020-8-10~8-16：

1.

// 在函数中，不使用var声明的变量都会成为全局变量
var a = 33;
function fun() {
	a = 10;
}        
fun();
console.log(a); //会输出10，而不是33！



//创建一个普通的对象：
var obj = {
    name : '张三',
    age : 28,
    gender : '男',
    sayName : function(){
        alert(this.name);
    }
};

 2.  定义形参就相当于在函数作用域中声明了变量。在全局作用域中创建的变量都会作为window对象的属性保存，创建的函数都会作为 window对象的方法保存。 

3 .使用工厂模式创建对象 ：

function creatHuman(name, age, sex) {
    // 创建一个新的对象
    var obj = new Object();
    obj.name = name;
    obj.age = age;
    obj.sex = sex;
    obj.sayName = function(){
        alert(this.name);
    };
    return obj;
}
// 创建obj的一个实例obj1
var obj1 = creatHuman('张三', 28, '男');
obj1.sayName();
console.log(obj1);

4.利用构造函数创建对象：普通函数直接调用，而构造函数必须加new关键字来调用。

★构造函数的执行流程：

1. 调用时出现new，立刻创建一个新的对象。
2. 将新建的对象设置为函数中的this，在构造函数中使用this来引用新建的对象。
3. 逐行执行函数中的代码。
4. 将新建的对象作为返回值返回
5. 

function Human(name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
//将方法写在构造函数中会影响性能，解决办法如下图所示
    this.sayName = function(){
        alert(this.name);
    };
}
var human1 = new Human('张三', 18, '男');
console.log(human1);
//human1是Human的一个实例
console.log(human1 instanceof Human);//true

创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，使每个对象都具有这些属性和方法，这样就不用分别为每一个对象添加了。

注意：①当使用in检查对象中是否含有某个属性时，如果对象中没有但是原型中有，也会返回true。如console.log('age' in human1)

           ②当使用对象的 hasOwnProperty（）方法来检查对象自身中是否含有某属性，只有当对象自身中含有该属性时，才会返回true。如console.log(human1.hasOwnProperty('age'))。

           ③原型对象也是对象，所以它也有原型。

5.①利用字面量创建数组：var arr = [1, 2, 3, 4]   ②利用构造函数创建数组： var  arr = new Array(1, 2, 3, 4)  ，创建一个长度为4的数组：var arr = new Array(4)   ③数组的4个基本方法：push（）， pop（）， unshift（）， shift（）。④返回截取项目的新数组（包含开始索引，不包含结束索引）：slice（start，end）。 ⑤删除数组并向数组添加新元素，将被删除的元素作为返回值返回：splice（开始位置的索引， 删除的个数， 要插入的新元素.......）。 ⑥链接两个或多个数组，并将新的数组返回,不影响原数组：arr.concat（arr2）⑦把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔，不会对原数组产生影响：arr.join('--').   ⑧把数组转换为字符串：toString()

6.检测是否为数组：①参数 instanceof Array  ②Array.isArray(参数)

7.字符串的方法：①返回指定位置的字符：charAt（index）  ②返回指定位置字符的Unicode编码：charCodeAt（index） ③根据字符编码获取字符：fromCharCode（），必须用对象去调用：String.fromCharCode()   ④链接字符串(+用的较多)：concat()   ⑤根据字符串返回位置：indexOf(str, index),  如果字符串中含有相同的内容，则会返回其第一次出现的索引，如果没有找到指定的内容，则返回-1。同时，也可以指定第二个参数，表示开始查找的位置。 lastIndexOf()从后往前开始查找。规则和indexOf一样   ⑥返回索引号之间的字符串，不会影响原字符串：slice(start，end)  ，包括开始位置，不包括结束位置。这个方法接收负值。而substring（index1, index2）和slice（）基本类似，唯一不同的是：该方法不接受负值，如果传递了一个负值，则默认为0，而且它还会自动调整参数的位置，如果第二个参数小于第一个，则自动交换。   ⑦截取字符串：substr(开始位置的索引，截取的长度)    ⑧将字符串分割为字符串数组：split('，')   ⑨将字符串转换为大小写：toUpperCase(),   toLowerCase()

8.获取Date总的毫秒数：①var date = new  Date()   date.valueOf() 或者date.getTime()  ②用的最多的是var date = +new Date()   ③H5新增的方法：Date.now()