Day02

2.3.对象

若干个键值对

var 对象名={
    属性名：属性值,
    属性名：属性值,
    属性名：属性值
}
 var person={
      name:"xcl",
      age:"21",
      email:"2194104881@qq.com",
      score:100
    }

在js中对象，{...}表示一个对象，键值对描述属性xxx:xxxx,多个属性之间使用逗号隔开，最后一个属性不加逗号！

js中的所有的键都是字符串，值是任意对象

1.对象赋值

person.name="a"
'a'
​
person.name
​
'a'
​
除了可以person.name输出，也可以person['name']输出，因为js中的所有的键都是字符串，值是任意对象

2.使用一个不存在的对象属性，不会报错

person
{name: 'a', age: '21', email: '2194104881@qq.com', score: 100}
person.color
undefined

3.动态的删减属性,通过delete删除对象的属性

person
{name: 'a', age: '21', email: '2194104881@qq.com', score: 100}
delete person.name
true
person
{age: '21', email: '2194104881@qq.com', score: 100}

4.动态的添加,直接给心得属性添加值

person
{age: '21', email: '2194104881@qq.com', score: 100}age: "21"email:"2194104881@qq.com"score:100
[[Prototype]]: Object
person.name='xcl'
'xcl'
person
{age: '21', email: '2194104881@qq.com', score: 100, name: 'xcl'}

5.判断属性值是否在这个对象中！'xxx' in xxx

age' in person
true

6.判断一个属性是否是这个对象自身拥有的hasOwnProperty()

person.hasOwnProperty('toString')
false
person.hasOwnProperty('age')
true

2.4、流程控制

if判断

        'use strict'
        var age=3;
        if(age>3){
            alert("haha");
        }else if (age<3){
            alert("hehe");
        }else{
            alert("heihei");
        }

while循环,避免程序死循环

 var age=3;
 while(age<100){
            age=age+1;
            console.log(age);
        }
 //do...while循环
        do {
            age=age+1;
            console.log(age);
        }while(age<100)

for循环

 for (let i = 0; i < 100; i++) {
            console.log(i);
        }

forEach循环

let name=['x','c','l'];
//函数
name.forEach(function (value){
    console.log(value)
})
var num=[1,2,3,4,5,6];
num.forEach(function(value){
    console.log(value);
})

for...in

var num=[1,2,3,4,5];
for(var number in num){
    if (num.hasOwnProperty(number)){//这一行的number也可以随意取数作为判定
        console.log("存在");
        console.log(num[number]);
    }else{
        console.log("不存在");
    }
}

2.5Map和Set

var map=new Map([['tom',100],['jack',99],["haha",80]]);
var name=map.get('tom');//通过key获得value
console.log(name);
map.set('admin',123456);//新增
var name1=map.get('admin');
 console.log(name1);
//map.delete('tom');删除

Set无序不重复的集合

var set=new Set([1,1,1,2,3,4,4])
undefined
set
Set(4) {1, 2, 3, 4}
set.add(1);//添加
set.delete(1);//删除
console.log(set.has(2));//是否包含某个元素

2.6.iterator

使用iterator来遍历迭代Map ，Set

遍历数组

var arr=[3,4,5];
for(var x of arr){
    console.log(x);
}//for  of打印每个元素；而for..in打印的是下标

遍历map

var map=new Map([['tom',100],['jack',90],['xcl',99]]);
for(let x of map){
    console.log(x);
}

遍历Set

var set=new Set([5,6,7]);
for(let y of set){
    console.log(y);
}

3.函数

方法：对象（属性，方法）
函数：

3.1定义函数

piblic 返回值类型  方法名（）{
    return 返回值;
}
​

定义方式一

绝对值函数

function abs(x){
            if(typeof x!=='number'){
                throw 'not a number';//该步骤实现规避
            }
            if(x>=0){
                return x;
            }else{
                return -x;
            }
        }

一旦执行到return代表函数结束，返回结果

如果没有执行return，函数执行完也会返回结果，结果就是underfined

定义方式二

var abs=function(x){
      if(x>=0){
        return x;
    }else{
        return -x;
    }
}

function(x){......}这是一个匿名函数，但是可以把结果赋值给abs，通过abs就可以调用函数

调用函数

abs(10)  //10
abs(-10) //10

参数问题：js可以传任意一个参数，也可以不传递参数

arguments

argument 是一个js免费赠送的关键字，代表传递进来的所有的参数，都是一个数组

function abs(x){
    // if(typeof x!=='number'){
    //     throw 'not a number';//该步骤实现规避
    // }
    console.log("x=>"+x);
    for (let i = 0; i < arguments.length; i++) {
        console.log(arguments[i]);
    }
    if(x>=0){
        return x;
    }else{
        return -x;
    }
}

问题：arguements包含所有的参数，我们有时候想使用多余的参数来进行附加操作。需要排除已有

的参数

rest

以前：

if(arguments.length>2){
    for (var i=2;i<arguments.length;i++){
​
    }
}

ES6引入的新特性，获取除了已经定义的参数之外的所有参数

function  aaa(a,b,...rest){
            console.log("a=>"+a);
            console.log("b=>"+b);
            console.log(rest);
​
        }

rest参数只能写在最后面，必须用...标识

3.2.变量的作用域

在js中var定义变量实际是有作用域的

假设在函数体中声明，则在函数体外不可以使用（非想要实现的话，后面可以研究一闭包）

function aj(){
    var x=1;
    x=x+1;
}
x=x+2;//报错：Uncaught ReferenceError: x is not defined

如果两个函数使用了相同的变量名，只要在函数内部，就不冲突

function aj1(){
    var x=1;
    x=x+1;
}

function aj2(){
    var x=1;
    x=x+1;
}

内部函数可以访问外部函数的成员，反之则不行

//x=x+2;//报错：Uncaught ReferenceError: x is not defined
function bj(){
    var x=1;
    //内部函数可以访问外部函数的成员，反之则不行
    function cj(){
        var y=x+1;
    }
    //var z=y+1;  //VM198:1 Uncaught ReferenceError: y is not defined
}

假设，内部函数变量和外部函数变量重名

function qj(){
    var x=1;
    function qj2(){
        var x='A';
        console.log("inner"+x);
    }
    console.log("outer"+x);
    qj2();
}

假设在js中 函数查找变量从自身开始，由内向外查找，假设外部存在这个同名的函数变量，则内部函数会屏蔽外部函数变量

提升变量的作用域

function qj3(){
    var x="x"+y;
    console.log(x);     // 运行结果xundefined
    var y="y";
}

说明：js执行引擎，自动提升了y的声明，但是不会提升变量y的赋值

全局函数

//全局变量
x=1
function f(){
console.log(x);
}
f();
console.log(x);

全局对象window

var x='xxx';
alert(x);        //xxx  
alert(window.x); //xxx

alert()函数本身也是一个'window'变量

var x="xxx";
window.alert(x);
var old_alert=window.alert;
old_alert(x);
// window.alert=function (){
//
// }
// window.alert(x);//发现alert()失效了
//恢复
window.alert=old_alert;
window.alert(345);

js实际上只有一个全局作用域，任何变量（函数也可以视为变量），假设没有在函数作用范围内找到，就会向外查找，如果在全局作用域没有找到，报错**refrenceError**

规范：

由于所有的全局变量都会绑定到window上，如果不同的js文件，使用了相同的全局变量，冲突—>如何能够减少冲突？

//唯一全局变量
var xcl={};
//定义全局变量
xcl.name='xcl';
xcl.add=function (a,b){
    return a+b;
}

把自己的代码全部放入自己定义的唯一空间命名中，降低全局命名冲突问题

jQuery

局部作用域let

function aaa(){
    for (var i = 0; i < 100; i++) {
        console.log(i);//100
    }
    console.log(i+1);//101   说明i出了这个作用域还可以用
}

ES6 let关键字，解决局部作用域冲突问题

function aaa(){
    for (let i = 0; i < 100; i++) {
        console.log(i);//100
    }
    console.log(i+1);//Uncaught ReferenceError: i is not defined
​
}

常量const

var PI='3.14';//只读变量
console.log(PI);
PI='111';//可以改变这个值
console.log(PI);

在ES6引入了常量关键词const

<!--修改-->这样PI就不能修改了
   const PI=3.14;
console.log(PI);