IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> js笔记 第一天-对象 -> 正文阅读

[JavaScript知识库]js笔记 第一天-对象

1.对象的定义:一组无序的属性和方法的集合。

1.属性:事物的特征

2.方法:事物的行为

2.创建对象的三种基本方式

1.利用字面量创建对象

var obj = {
          uname:'张张',
          sex:'男',
          age:'18',
          sayHi:function(){
          console.log('hello world');
} 
}

(1)里面的属性采取键值对的方式 键 属性名 :值 属性名。

(2)多个属性或者方法中间用逗号隔开。

(3)方法冒号后面跟着一个匿名函数。

2.利用new object 创建对象

var obj = new Object();
obj.uname='张张';
obj.sex='男';
obj.age=18;
obj.sayHi=function(){
         console.log('hello world');
}

(1)利用等号 = 赋值的方式,添加属性和方法。

(2)每个属性和方法之间用分号隔开。

以上两种方式的弊端,一次只能创建一种对象,我们可以利用函数的方法重复代码来创建对象。

3.利用构造函数创建对象

(1)构造函数就是把我们对象里的一些相同的属性和方法抽象出来封装到函数中。

function Star(uname, age, sex){
        this.name = uname;
        this.age = age;
        this.sex = sex;
}
var zhang = new Star("张张", 18, "男");
//输出
console.log(zhang.name);

(2)构造函数首字母需要大写。

(2)构造函数不需要return 就可以返回结果。

(3)调用构造函数必须要用new,只要调用函数就要创建一个对象。

(4)属性和方法前面必须添加this。

4.构造函数和对象的关系

(1)构造函数 泛指的一大类,类似于java里的类(class)

(2)对象特指是一个具体的事物。

(3)我们利用构造函数创建对象的过程我们为也称为对象的实例化。

3.使用对象

1.调用对象的属性,我们使用 对象名.属性名的方式。

console.log(obj.unname);

2.调用对象的属性2, 对象名['属性名']。

3.调用对象的方法,对象名.方法名。

obj.sayHi();

4.变量属性的异同

1.相同点:都可以用来存储数据。

2.不同点:变量单独使用并赋值,使用的时候直接写变量名,单独存在。属性是在对象里面不需要声明的,使用的时候必须属性.对象。

5.函数方法的异同

1.相同点:实现某种功能,做某件事。

2.不同点:函数是单独声明,并且调用 函数名()单独存在。方法在对象里面,调用的时候对象.方法。

6.new字关键字执行过程

1.new构建函数可以在内存中创建一个空的对象。

2.this就会指向刚才创建的空对象。

3.执行构造函数里的代码,给空对象添加属性和方法。

4.返回这个对象。

7.遍历对象

1.语法格式

for(变量 in 对象){


}

ps:写在后面的一些闲话,刚开始使用csdn还不是很熟练,笔记是根据b站pink老师的讲课记得,没有人看到就算了,要是有人看到的话我想知道该不该选原创,谢谢啦!

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-29 16:13:51  更:2021-11-29 16:15:18 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/20 23:36:53-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码