博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
初探JavaScript魅力4
阅读量:5813 次
发布时间:2019-06-18

本文共 1856 字,大约阅读时间需要 6 分钟。

1.对象

1.1.对象的基本概念

1.1.1.为什么要有对象?

在JavaScript中,对象跟数组、函数一样,都是一种复杂的数据类型,也叫引用数据类型。是一系列相关的属性的集合,可以很方便的对变量和函数进行管理。

面向对象编程(Object Oritented Programming,简称OOP)是非常重要的软件编程思想。

1.1.2.什么是对象

现在生活中:万物皆对象,对象是一个具体的事物,一个具体的事物就会有行为和特征。

编程语言:在内存上一段有意义的区域被称为对象,它也可以具有相关特征(属性),执行具体的行为(方法)。

1.2.创建对象

1.2.1.通过构造函数创建

var hero = new Object();   //创建一个空的对象hero.name = "奥特曼";hero.skill = "打怪兽";hero.attack = function(){  console.log("奥特曼发出光波打败了小怪兽");}复制代码

注意事项:

1.this一定要出现在方法中才有意义,不在方法中的this没有意义。

2.在方法中出现的this,指的是当前对象,即调用这个方法的对象

#1.2.2.对象字面量

var person = {  name : "迪伽",  age : 2000,  sex : true;  fight : function(){    console.log("打怪兽");  }};复制代码

1.3.批量创建对象

1.3.1.使用普通函数创建对象

优点:可以同时创建多个对象

缺点:创建出来的没有具体的类型,都是Object类型的对象。

1.3.2.查看一个对象的类型

typeof 只能判断基本数据类型instanceof  判断对象的数据类型constructor.name 也可以获取到对象的具体类型复制代码

1.3.3.构造函数

构造函数,是一种特殊的函数,主要用来在创建对象时就给对象初始化,即为对象的成员变量赋值,总与关键字new一起使用在创建对象的语句中。

关键字new所做的操作:

1.new会创建一个新的空对象2.new会让this指向这个对象3.调用构造函数4.new会返回这个创建好的对象复制代码

1.4.操作对象的属性

1.4.1.点语法

//获取对象属性//对象.属性  获取对象的某个属性//1.如果这个对象有这个属性,就返回所对应的属性值//2.如果这个对象没有这个属性,则返回undefinedvar name = teacher.name;   //获取到老师对象的姓名属性teacher.name = "苍老师";   //将老师对象的姓名设置成为苍老师//设置对象属性//对象.属性 = 值//1.如果对象有这个属性,修改这个属性的值//2.如果对象没有这个属性,则给这个对象添加一个新属性var name = teacher["name"]; //获取到老师对象的姓名属性teacher["name"] = "苍老师";  //将老师对象的姓名设置成为苍老师复制代码

1.4.2.[]语法

也叫关联数组方式,说白了就是把对象当作数组来看待。

//获取对象属性值//对象["下标"]  把对象的属性当成是数组里的元素//设置对象属性//对象["下标"] = 值复制代码

注意:如果使用一个变量来获取对象里的属性时,必须要使用[]语法。

function Student(name,age){  this.name = name;  this.age = age;}var stu = new Student("张三",18);var tmp = "name";var name = stu.tmp;   //undefined,在stu对象里找tmp属性name = stu[tmp];     //张三,这里的tmp是一个变量,它指的是"name"字符串复制代码

1.4.3.遍历对象

使用for..in循环可以遍历一个对象里的数据

var obj = {
"name":"张三","age":18,"sex":"男"};for(var x in obj){ console.log(obj[x]);}复制代码

1.5.基本数据类型与引用数据类型

基本数据类型:也叫简单数据类型,原始数据类型或者值类型。在存储时,变量存的就是值本身。

引用数据类型:也叫复杂数据类型。在存储时,变量中存储的仅仅是地址(引用)。

转载地址:http://uitbx.baihongyu.com/

你可能感兴趣的文章
iOS \U7ea2 乱码 转换
查看>>
FCN图像分割
查看>>
ios xmpp demo
查看>>
python matplotlib 中文显示参数设置
查看>>
数据库事务隔离级别
查看>>
os模块大全详情
查看>>
【ros】Create a ROS package:package dependencies报错
查看>>
从内积的观点来看线性方程组
查看>>
kali linux 更新问题
查看>>
HDU1576 A/B【扩展欧几里得算法】
查看>>
廖雪峰javascript教程学习记录
查看>>
WebApi系列~目录
查看>>
Java访问文件夹中文件的递归遍历代码Demo
查看>>
项目笔记:测试类的编写
查看>>
通过容器编排和服务网格来改进Java微服务的可测性
查看>>
re:Invent解读:没想到你是这样的AWS
查看>>
PyTips 0x02 - Python 中的函数式编程
查看>>
阿里云安全肖力:安全基础建设是企业数字化转型的基石 ...
查看>>
使用《Deep Image Prior》来做图像复原
查看>>
如何用纯 CSS 为母亲节创作一颗像素画风格的爱心
查看>>