首页 > 软件开发 > JavaScript >

JavaScript学习之JS对象和函数

来源:互联网 2023-03-16 23:56:51 308

JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。Nhu办公区 - 实用经验教程分享!

在 JavaScript 中,对象是拥有属性和方法的数据。本文向大家介绍下JS的对象和函数,这些是JS学习中很重要的一部分,希望对大家有所帮助。Nhu办公区 - 实用经验教程分享!

工具/原料

  • JavaScript编辑器。

JS对象

  • 1

    属性和方法Nhu办公区 - 实用经验教程分享!

    属性是与对象相关的值。Nhu办公区 - 实用经验教程分享!

    方法是能够在对象上执行的动作。Nhu办公区 - 实用经验教程分享!

    举例:汽车就是现实生活中的对象。Nhu办公区 - 实用经验教程分享!

    汽车的属性:Nhu办公区 - 实用经验教程分享!

    JavaScript学习之JS对象和函数Nhu办公区 - 实用经验教程分享!

  • 2

    JavaScript 中的对象Nhu办公区 - 实用经验教程分享!

    在 JavaScript 中,对象是数据(变量),拥有属性和方法。Nhu办公区 - 实用经验教程分享!

    当您像这样声明一个 JavaScript 变量时:Nhu办公区 - 实用经验教程分享!

    var txt = "Hello";Nhu办公区 - 实用经验教程分享!

    您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。对于上面的字符串来说,length 的值是 5。字符串对象同时拥有若干个内建的方法。Nhu办公区 - 实用经验教程分享!

    JavaScript学习之JS对象和函数Nhu办公区 - 实用经验教程分享!

  • 3

    创建 JavaScript 对象Nhu办公区 - 实用经验教程分享!

    JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。Nhu办公区 - 实用经验教程分享!

    你也可以创建自己的对象。Nhu办公区 - 实用经验教程分享!

    本例创建名为 "person" 的对象,并为其添加了四个属性:Nhu办公区 - 实用经验教程分享!

    JavaScript学习之JS对象和函数Nhu办公区 - 实用经验教程分享!

  • 3该信息未经许可获取自百度经验
  • 4

    访问对象的属性。访问对象属性的语法是:objectName.propertyNameNhu办公区 - 实用经验教程分享!

    JavaScript学习之JS对象和函数Nhu办公区 - 实用经验教程分享!

  • 5

    访问对象的方法Nhu办公区 - 实用经验教程分享!

    您可以通过下面的语法调用方法:Nhu办公区 - 实用经验教程分享!

    objectName.methodName()Nhu办公区 - 实用经验教程分享!

    这个例子使用 String 对象的 toUpperCase() 方法来把文本转换为大写:Nhu办公区 - 实用经验教程分享!

    JavaScript学习之JS对象和函数Nhu办公区 - 实用经验教程分享!

  • JS函数

  • 1

    JavaScript 函数语法Nhu办公区 - 实用经验教程分享!

    函数就是包裹在花括号中的代码块,前面使用了关键词 function:Nhu办公区 - 实用经验教程分享!

    JavaScript学习之JS对象和函数Nhu办公区 - 实用经验教程分享!

  • 2

    调用带参数的函数Nhu办公区 - 实用经验教程分享!

    在调用函数时,您可以向其传递值,这些值被称为参数。Nhu办公区 - 实用经验教程分享!

    这些参数可以在函数中使用。Nhu办公区 - 实用经验教程分享!

    您可以发送任意多的参数,由逗号 (,) 分隔:Nhu办公区 - 实用经验教程分享!

    JavaScript学习之JS对象和函数Nhu办公区 - 实用经验教程分享!

  • 3

    带有返回值的函数Nhu办公区 - 实用经验教程分享!

    有时,我们会希望函数将值返回调用它的地方。Nhu办公区 - 实用经验教程分享!

    通过使用 return 语句就可以实现。Nhu办公区 - 实用经验教程分享!

    在使用 return 语句时,函数会停止执行,并返回指定的值。Nhu办公区 - 实用经验教程分享!

    语法Nhu办公区 - 实用经验教程分享!

    function myFunction(){var x=5;return x;}Nhu办公区 - 实用经验教程分享!

    JavaScript学习之JS对象和函数Nhu办公区 - 实用经验教程分享!

  • 注意事项

    • JS函数用到的非常多,希望大家好好学习。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Nhu办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码