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知识库 -> 震惊!18岁花季少女 竟为了“创建对象” 干出这样事! -> 正文阅读

[JavaScript知识库]震惊!18岁花季少女 竟为了“创建对象” 干出这样事!

目录

前言

JavaScript对象?

概念 :属性和方法的无序集合,指具体事物

分类:自定义对象? ?内置对象? 浏览器对象

创建对象的三种方法

1.字面量创建对象

2.new Object 创建对象

3.构造函数创建对象


前言

? ? ? ? ? ? 对象?什么是对象?难道母胎solo也可以轻松拥有对象?搞好“对象”,从此之后单身再也与你无关!?大家好我是一名十八岁少女,我要用最简单通俗的语言来告诉你最有用的知识!在这条变得“绝顶聪明”路上,以后就有这个是十八岁少女与你并肩同行吧!今天十八岁少女就为你带来“有对象是什么感觉”!而且你不仅仅可以拥有对象,还可以拥有很多个!

JavaScript对象?

概念 :属性和方法的无序集合,指具体事物

? ? ? ?十八岁少女是事物吗? 哎~? 不是! 而我才是!为啥?因为我就是世界上独一无二的具体的,不是泛指!十八岁少女指的就是年龄十八的女孩子,是泛指!那什么又是事物的属性和方法呢?事物的特征就是对象的属性。比如我的眼睛大不大!屁股翘不翘!头发长不长!身材好不好!都是我的特征,也就是对象的属性!再比如我给你一个拥抱!亲你一下!这种行为就叫做方法,事物的行为在对象里面就叫做方法!

分类:自定义对象? ?内置对象? 浏览器对象

创建自定义对象的三种方法

1.字面量创建对象

  • 字面量对象:{}花括号里面包含表达式这个具体事物/对象的属性和方法
  • 创建字面量对象:
var 对象名 = {

属性名1:属性值1,

属性名2:属性值2,

属性名3:属性值3,

方法名1:function(){
     方法内容1;
} }


var people = {
   var uname:'十八岁少女',
   var age:18,
   var sex:'女',

   SayHi:function(){
          console.log('Hi~')

}

}

?注意:这里采用的是逗号隔开,不是分号!方法跟的是匿名函数!

  • 使用字面量对象:
调用对象的属性:1. 对象名.属性名       例:obj.age
               2. 对象名['属性名']    例:obj['age']

调用对象的方法: 对象名.方法名()       例:obj.SayHi();

2.new Object 创建对象

  • 创建new Object 对象
var 对象名 = new Object();
obj.属性名1 = 属性值1;
obj.属性名2 = 属性值2;
obj.方法名 = function(){
    方法内容
}

var people = new Object();
obj.uname = '18岁花季少女';
obj.age = 18;
obj.kiss = function(){
    console.log('hi~');
}
  • 调用new Object 对象
调用对象的属性:1. 对象名.属性名       例:obj.age
               2. 对象名['属性名']    例:obj['age']

调用对象的方法: 对象名.方法名()       例:obj.SayHi();

3.构造函数创建对象

  • 构造函数创建对象里面的一些相同的属性和方法抽象出来封装到函数里面
  • 声明函数
function 构造函数名(){
     
    this.属性 = 值 ;
    this.方法 = function(){    }

}
  • 使用函数
function Star(uname,age,sex){

   this.name = uanme;
   this.age  = age;
   this.sex  = sex;

}

var ldh = new Star('刘德华',18,'男'); // 实例化

注意:

1.this 指定为当前对象;

2.构造函数名首字母大写;

3.构造函数不需要return就可以返回结果;

4.调用构造函数返回的是一个对象;

5.构造函数必须使用new;

6.构造函数泛指某一大类,创建对象 通过new关键字实例化对象;

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-01 16:46:55  更:2021-10-01 16:47:09 
 
开发: 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/18 22:48:16-

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