函数 对象 入门总结

函数

什么是函数

函数是定义一次但能够调用或执行任意屡次的一段JavaScript代码。

函数也叫作方法（了解概念）

当一个函数在一个对象上被调用的时候，这个函数就叫作方法。 此时， 它的调用所在的对象就会做为函数的一个隐式的参数来传递。

// 函数

function func() {

}

var obj = {

    age: 18,

    getAge: function() {

        // 方法

    }

};

//函数:是直接调用

//方法：是经过对象调用的

JavaScript中的函数能作什么？

• 1 封装代码，实现代码复用（最基本的做用）
• 2 做为数据来传递（回调函数）
• 3 做为构造函数，建立对象
• 4 做为一个做用域

 

函数的语法

// 函数声明的基本语法

// function关键字、funcname、小括号、大括号都是必需的

// 参数不是必需的

function funcname([arg1 [,arg2 [..., argn]]]) {

    statements

}

// 函数调用语法：函数名后面跟运算符()来调用

funcname();

• 函数声明的注意点：

1 函数声明不能出如今相似：if语句中（尽管不报错，但这是糟糕的作法！若是这么作了，容易出现混乱）

2 funcname是要定义的函数名，必须是一个标识符（不要使用保留字或关键字），而不能是字符串或者表达式。

3 包含在小括号中的0个或多个参数，参数用逗号隔开

4 大括号内的是函数主体，包含了多条语句

5 return语句，无关紧要。

6 函数命名推荐使用帕斯卡命名法，即第一个单词后的全部单词都以一个大写字母开始。

函数参数

//形参（函数声明时候的参数）

function f(a, b) {} // a,b是形参，占位用，函数定义时形参无值

//实参（函数调用时候的参数）

var x = 5,

    y = 6;

f(x, y); //x,y实参，有具体的值，会把x,y复制一份给函数内部的a和b

 

 arguments介绍

• 做用：保存函数的实际参数
• arguments仅在函数内部有效。
• arguments是一个伪数组（即，只是与数组相似，并不是一个真正的数组）

由于可使用方括号语法访问它的每个元素（即第一个元素是 arguments[0] ，第二个元素是 argumetns[1] ，以此类推），使用 length 属性来肯定参数长度。 没有传递值的命名参数将自动被赋予 undefined 值，跟定义了变量但又没有初始化同样。

function testArguments() {

  console.log("第一个参数为：" + arguments[0]);

}

testArguments("123"); // 第一个参数为：123

函数表达式（函数直接量、函数字面量）

 基本语法

// funcname 能够省略

var func = function funcname() {

  statements

};

• 注意点：函数表达式中function后面的函数名，只能在函数内部使用；函数外部访问会报错！

var func = function fun () {

    console.log(fun); // 函数体

};

func();

console.log(fun); // Uncaught ReferenceError: fun is not defined

函数表达式与函数声明的异同

• 不一样点：
• 1 语法不一样，函数表达式被用做表达式，而不是用做语句，并且也无需指定函数名
• 2 函数表达式中，function后面的funcname能够省略
• 3 函数声明整个函数都会被提高，函数表达式只有变量名被提高
• 相同点：
• 除了上述语法不一样外，其余用法都相同。

 

 函数参数传递方式

// 基本数据类型

function add(num) {

    num = num + 10;

    return num;

}

var count = 20;

var result = add(count);

console.log("count的值为：" + count); // ??

console.log("result的值为：" + result); // ??

// 复杂数据类型

// 1.

function setAge(obj) {

    obj.age = 18;

}

var person = new Object();

person.age = 30;

setAge(person);

console.log(person.age); // ??

// 2.

function setName(obj) {

    obj.name = "小明";

    obj = new Object();

    obj.name = "小红";

}

var person = new Object();

person.name = "Jack";

setName(person);

console.log(person.name); // ??

• JavaScript中全部函数的参数都是按值传递的。也就是说，把函数外部的值复制给函数内部的参 数，就和把值从一个变量赋值到另外一个变量同样。

• 参数其实是函数的局部变量，那么这些局部变量（包括：函数参数、函数内部声明的变量）， 在函数执行完毕后会被当即销毁掉。

 

 

 

 

 

第三部分对象

数据类型

基本数据类型 string number boolean null undefined

复杂数据类型 Object

 

获取变量的数据类型: typeof 变量名  或者  typeof(变量名)

 

 

基本类型(值类型)在栈中存储

引用类型的对象在堆中存储,地址在栈中存储

 

什么是对象

对象其实就是一组数据和功能的集合    键值对的集合

对象能够方便地描述和模拟客观事物

 

 

• JavaScript中如何建立对象？

// 建立一个对象

var obj = new Object();

// 给对象设置属性

obj.name = "小明";

obj.age = 18;

2.1 什么是JavaScript对象

JavaScript中的对象：无序属性的集合，其属性能够包含基本值、对象或者函数。

严格来说，这就至关于说对象是一组没有特定顺序的值。对象的每一个属性或方法都有一个名字，

而每一个名字都映射到一个值。

• 对象和基本类型的区别：

对象与数字、字符串、布尔值这样的数据类型不一样，它们不是表示一个单个的值，而是值的集合。

对象是已命名值的一个集合。

数字、字符串、布尔值是简单数据类型

对象是复杂数据类型

• 函数也是对象

 

 

2.2建立对象的两种方式对比

• 方式一：使用构造函数建立对象

// 使用 new 操做符，后面跟 Object构造函数调用，来建立对象

// 此时，返回值：obj，就是新建立出来的对象

var obj = new Object();

// 给对象添加属性

obj.name = "静静";

obj.age = 18;

obj.getName = function () {

    return this.name; // 静静

};

• 方式二：使用对象字面量（推荐）

// 语法规则

var person = {

    // 属性名: 属性的值

    // 使用逗号来分隔不一样的属性（若是当前属性后面还有其余属性的话）

    name: "Nicholas",

    age: 18

};

// 建立对象设置属性

var person = {

    name: "加引号的属性名称",

    0: "属性名为数值类型，那么这里的数值属性名会自动转换为字符串"

};

// 建立一个空对象，没有任何属性

var person = {};

• 对象字面量的说明：

    1. 对象字面量是对象定义的一种简写形式，目的在于简化建立包含大量属性的对象的过程。

    2. 语法规则中，左边的花括号（{）表示对象字面量的开始，由于它出如今了表达式上下文中。

    3. 对象字面量的属性名，能够不加引号 也能够加引号（单引号或者双引号均可以）

 

 

2.3对象的基本操做

2.3.1 属性的设置

// 建立一个空对象

var obj = {};

// 使用点运算符（.）来设置属性的值

obj.name = "这是name属性的值";

obj.age = 18; // 给age属性设置值：18

// 使用方括号[]来设置属性的值，注意：要访问的属性是字符串的形式或者是变量

obj["font-size"] = "30px";

2.3.2 属性的读取

// 获取属性的两种方式

console.log(obj.name);

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

区别：

    1. 均可以用来设置或者获取对象的属性。

    2. 方括号（[]）能够经过变量来访问属性。

    3. 属性名中包含会致使语法错误的字符，或者属性名使用的是关键字和保留字，使用方括号表示法。

       例如：obj["first name"]，因为"first name"中包含一个空格，因此不能使用点表示法来访问它。

             而后，属性名中是能够包含非字母非数字的，这时候就可使用方括号表示法来访问它们。

    4. 除非必须使用变量来访问属性，不然推荐使用点表示法。

2.3.3 属性的遍历

• 如何获取对象的一个属性？
• 若是要获取对象的全部属性，怎么获取？
• for-in

var obj = {

    name: "明哥",

    age: 18,

    weight: 50

};

for(var ob in obj) {

    // ob 为属性名

    // obj[ob] 为属性名对应的值

    console.log("属性 " + ob + " 的值为：" + obj[ob]);

}

2.4 如何建立自定义对象

• 1 使用函数，函数名首字母大写（为了区分普通函数）（此时的函数叫作：构造函数）
• 2 使用this关键字

function Person(name, age) {

  this.name = name;

  this.age = age;

}

var p = new Person("猴哥", 18);

console.log(p.name);

console.log(p.age);

• new 操做符的做用
• 1 建立一个对象
• 2 将构造函数的做用域赋给新对象, 因此this == p
• 3 执行构造函数，为对象设置属性
• 4 返回新对象