详细的JavaScript基础语法-下-对象、

本文链接： https://blog.csdn.net/qq_39206750/article/details/102580505

对象的相关概念

什么是对象？
在 JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成的。

属性：事物的特征，属性就是内存中的变量（常用名词）

方法：事物的行为，方法是内存中的函数（常用动词）

		  var obj = {
		      "name":"小李",
		      "sex":"男",
		      "age":18,
		      "height":170;
		      
		  }

对象中为每项数据设置了属性名称，可以访问数据更语义化，数据结构清晰，表意明显，方便开发者使用。JS中的对象表达结构更清晰，更强大。

创建对象的三种方式

利用字面量创建对象

var 对象名 = { 属性名:属性值 }
花括号 { 这里面包含了表达这个具体事物（对象）的属性和方法；}
{ } 里面采取键值对的形式表示

键：相当于属性名

值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型，函数类型等）

             //创建一个star对象
			var star = {
			    name : '小李',//以键值对的方式储存的
			    age : 18,
			    sex : '男',
			    sayHi : function(){
			        alert('大家好啊~');
			    }
			};
			//调用star对象中的具体数据
		console.log(star.name) // 调用star的name属性
		console.log(star['name']) // 调用star的 name属性
		star.sayHi(); //调用方法一定要加括号

上述对象中属性的两种调用方法

对象.属性名、这个小点 . 就理解为“ 的 ”

对象[‘属性名’]，注意方括号里面的属性必须加引号

调用对象的方法

**对象.方法名() ，注意这个方法名字后面一定加括号

变量、属性、函数、方法总结

属性是对象的一部分，而变量不是对象的一部分，变量是单独存储数据的容器

变量：单独声明赋值，单独存在

属性：对象里面的变量称为属性，不需要声明，用来描述该对象的特征

方法是对象的一部分，函数不是对象的一部分，函数是单独封装操作的容器

函数：单独存在的，通过“函数名()”的方式就可以调用

方法：对象里面的函数称为方法，方法不需要声明，使用“对象.方法名()”的方式就可以调用，方法用来描述该对象的行为和功能。

利用 new Object 创建对象
1、创建空对象
2、给空对象添加属性和方法

				var andy = new Obect();
				andy.name = '小李';
				andy.age = 18;
				andy.sex = '男';
				andy.sayHi = function(){
				    alert('大家好啊~');
				}

注意：

Object() ：第一个字母大写

new Object() ：需要 new 关键字

使用的格式：对象.属性 = 值;

利用构造函数创建对象

构造函数

** 构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。

构造函数的封装格式：

		function 构造函数名(形参1,形参2,形参3) {
		     this.属性名1 = 参数1;
		     this.属性名2 = 参数2;
		     this.属性名3 = 参数3;
		     this.方法名 = 函数体;
		}

-构造函数的调用格式

       //obj接收构造函数创建的对象
       var obj = new 构造函数名(实参1，实参2，实参3)

注意事项

构造函数约定首字母大写。
函数内的属性和方法前面需要添加 this ，表示当前对象的属性和方法。
构造函数中不需要 return 返回结果。
当我们创建对象的时候，必须用 new 来调用构造函数。

其他

构造函数，如 Stars()，抽象了对象的公共部分，封装到了函数里面，它泛指某一大类（class）

创建对象，如 new Stars()，特指某一个，通过 new 关键字创建对象的过程我们也称为对象实例化

new关键字的执行步骤

> 1.  new 构造函数可以在内存中创建了一个空的对象
> 2. this 就会指向刚才创建的空对象
> 3. 执行构造函数里面的代码 给这个空对象添加属性和方法
> 4. 返回这个对象
  // new关键字执行过程
        // 1. new 构造函数可以在内存中创建了一个空的对象 
        // 2. this 就会指向刚才创建的空对象
        // 3. 执行构造函数里面的代码 给这个空对象添加属性和方法
        // 4. 返回这个对象
        function Star(uname, age, sex) {
            this.name = uname;
            this.age = age;
            this.sex = sex;
            this.sing = function(sang) {
                console.log(sang);

            }
        }
        var ldh = new Star('刘德华', 18, '男');

遍历对象

for…in 语句用于对数组或者对象的属性进行循环操作。
语法：
for (变量 in 对象名字) {
// 在此执行代码
}

语法中的变量是自定义的，它需要符合命名规范，通常会将这个变量写为 k 或者 key。

		for (var k in obj) {
		    console.log(k);      // 这里的 k 是属性名
		    console.log(obj[k]); // 这里的 obj[k] 是属性值
		}

详细的JavaScript基础语法-下-对象、

猜你喜欢