js学习记录 | 青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第14天

对象基础

对象概述

Object类型，我们也称为一个对象，是JavaScript中的引用数据类型。它是一种复合值，它将很多值聚合到一起，可以通过名字访问这些值。对象也可以看做是属性的无序集合，每个属性都是一个名/值对。对象除了可以创建自有属性，还可以通过从一个名为原型的对象那里继承属性。除了字符串、数字、true、false、null和undefined之外，JavaScript中的值都是对象。

创建对象

var person =new Object();
person.name = "name";
person.age = 18;
console.log (person);
随后就可以在控制台中看到输出的age数值

var person = {
    name:"name",
    age:18\
    }
    ;
console.log(person);
这是第二种方法

访问属性

对象.属性名
对象[""]
两种方式

删除属性

delete 对象.属性名
var person= new Object();
person.name = "name";
person.age = 18;
console.log(person);

delete person.name
console.log(person);

遍历对象

for (var 变量 in 对象){


}

var person = {
    name:"name",
    age: 18
    }
for (var personkey in person) {
    var personval = person[personkey];
    console.log(personkey +":"+personVal;
    }
    

函数

概述

函数是由一连串的子程序（语句的集合）所组成的，可以被外部程序调用，向函数传递参数之后，函数可以返回一定的值。

通常情况下，JavaScript代码是自上而下执行的，不过函数体内部的代码则不是这样。如果只是对函数进行了声明，其中的代码并不会执行，只有在调用函数时才会执行函数体内部的代码。

这里要注意的是JavaScript中的函数也是一个对象，使用typeof检查一个函数对象时，会返回function。

函数的创建

var 函数名 = new function("执行语句");

function 函数名 ([形参1,形参2,~~~~,]){


}

函数调用

对于无参函数的调用
var fun = function(){
    console.log("haha");
    }
fun();

对于有参函数的调用
var sum = function (num1,num2){
    var result = num1 + num2;
    console.log("num1 + num2 = "+result);
    }
    
    
    
sum(10,20);