Linux265
  • 首页
  • 资讯
  • 发行
  • 游戏
  • 软件
  • 教程
  • 书籍
  • 截图
  • 工具
  • 名站
  • 资源
  • 命令
  • VPS
如果您喜欢{Linux265},请告诉您身边的朋友,谢谢! 首页 > 教程 > JavaScript 教程 >js对象
JavaScript 教程
js教程
js简介
js使用
js输出
js语句
js语法
js注释
js变量
js运算符
js算法
js赋值
js数据类型
js函数
js对象
js事件
js字符串
js字符串方法
js数值
js数值方法
js数组
js数组方法
js数组排序
js数组迭代
js日期
js日期格式
js日期获取
js日期设置
js数学运算
js随机数
js布尔运算符
js比较运算符
js条件语句
js条件判断Switch
js循环for语句
js循环while
js中Break和Continue
js类型转换
js位运算符
js正则表达式
js错误处理
js作用域
js变量提升
js严格模式
js中的this
js中的let
js中的const
js箭头函数
js类
js如何调试
js代码规范
js最佳实践
js常见错误
js优化性能
js保留关键字
js版本
js ES5介绍
js ES6介绍
js中JSON
JS 表单
js表单验证
js Form验证 API
JS 对象
js对象定义
js对象属性
js对象方法
js对象构造
js对象访问
js对象继承
js对象输出
js ES5对象方法
JS 函数
js函数定义
js函数参数
js函数调用
js调用函数 - call
js调用函数 - apply
js函数闭包
JS 类库
js类
js类继承
js静态方法
JS 异步
js回调
js异步
js promise
js async/await
JS HTML DOM
DOM 简介
DOM 方法
DOM 文档
DOM 元素
DOM HTML
DOM CSS
DOM 动画
DOM 事件
DOM 事件监听
DOM 导航
DOM 节点
DOM 集合
DOM 节点列表
JS 浏览器 BOM
js Window
js Screen
js Location
js History
js Navigator
js 弹出框
js Timing
js Cookies
JS AJAX
AJAX 简介
AJAX XMLHttp
AJAX 请求
AJAX 响应
AJAX XML
AJAX PHP
AJAX 数据库
AJAX 应用程序
AJAX 实例
JS JSON
JSON 简介
JSON 语法
JSON 与 XML
JSON 数据类型
JSON 解析
JSON 对象
JSON 数组
JSON PHP
JSON HTML
JSONP 方法
JS Web APIs
Web API - 简介
Web History API
Web Storage API
Web Geolocation API
JS vs jQuery
jQuery 选择器
jQuery HTML
jQuery CSS
jQuery DOM
JS 实例
JS 参考手册

js对象

js函数 js事件

现实生活中的对象、属性和方法

在现实生活中,汽车是一个对象。

汽车有诸如车重和颜色等属性,也有诸如启动和停止的方法:

对象 属性 方法
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white car.start() car.drive() car.brake() car.stop()

所有汽车都拥有同样的属性,但属性值因车而异。

所有汽车都拥有相同的方法,但是方法会在不同时间被执行。

JavaScript 对象

您之前已经学到,JavaScript 变量是数据值的容器。

这段代码把一个单一值(porsche)赋给名为 car 的变量:

  var car = "Fiat";  

亲自试一试 »

对象也是变量。但是对象包含很多值。

这段代码把多个值(porsche, 911, white)赋给名为 car 的变量:

  var car = {type:"Fiat", model:"500", color:"white"};  
亲自试一试 »

值以名称:值对的方式来书写(名称和值由冒号分隔)。

JavaScript 对象是被命名值的容器。

对象定义

我们定义(创建)了一个 JavaScript 对象:

实例

  var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
  

亲自试一试 »

空格和折行都是允许的。对象定义可横跨多行:

实例

  var person = {
      firstName: "John",
      lastName: "Doe",
    age: 50,
    eyeColor: "blue"
  };  

亲自试一试 »

对象属性

(JavaScript 对象中的)名称:值对 被称为属性。

属性 属性值
firstName John
lastName Doe
age 50
eyeColor blue

访问对象属性

可以通过两种方式访问对象属性:

  objectName.propertyName

或

  objectName["propertyName"]  

实例1

  person.lastName;  
亲自试一试 »

实例2

   person["lastName"];  
亲自试一试 »

对象方法

对象也可以有方法。

方法是在对象上执行的动作。

方法以函数定义被存储在属性中。

属性 Property Value
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

方法是作为属性来存储的函数。

实例

  var person = {
      firstName: "John",
      lastName : "Doe",
      id       : 5566,
      fullName : function() {
      return this.firstName + " " + this.lastName;
  }
  };  

this 关键词

在函数定义中,this 引用该函数的"拥有者"。

在上面的例子中,this 指的是"拥有" fullName 函数的 person 对象。

换言之,this.firstName 的意思是 this 对象的 firstName 属性。

请在

JS this 关键词这一章学习更多有关 this 关键词的知识。

访问对象方法

您能够通过如下语法访问对象方法:

  objectName.methodName()  

实例

  name = person.fullName();
亲自试一试 »

如果您不使用 () 访问 fullName 方法,则将返回函数定义:

实例

  name = person.fullName;
亲自试一试 »

请不要把字符串、数值和布尔值声明为对象!

如果通过关键词 "new", 来声明 JavaScript 变量,则该变量会被创建为对象:

var x = new String();        // 将 x 声明为字符串对象
  var y = new Number();        // 将 y 声明为 Number 对象
  var z = new Boolean();       // 将 z 声明为布尔对象  

请避免字符串、数值或逻辑对象。他们会增加代码的复杂性并降低执行速度。

您将在本教程的稍后章节学到更多有关对象的知识。

js函数 js事件
分类导航
Deno 教程
JavaScript 教程
jQuery 教程
AD

站点信息

意见反馈

免责声明

关于本站

联系站长

站点导航

综合资讯

发行版

游   戏

软   件

教   程

书   籍

截   图

工   具

名   站

免费资源

Linux265资源分享网,简称Linux265,是一个致力于分享Linux相关资讯,推广Linux发行版,分享Linux游戏,分享Linux各种优秀实用软件,分享Linux相关教程的资源分享站。本站建立的宗旨是通过分享,让更多的人了解Linux,学习Linux,使用Linux,喜欢Linux。

关注本站: 欢迎投稿

关注公众号:

Copyright@2017-2018 Linux265. 豫ICP备16021824号-1 Powered by Linux265资源分享网