JavaScript学习笔记三:JavaScript对象

一、前言

  • 对象的基本概念:Javascript提供了多个内建对象,比如String、Data、Array等等。对象指的是带有属性和方法的特殊数据类型
  • 创建对象:创建JavaScript对象主要有两种不同的方法:第一、定义创建对象的实例;第二,使用函数来定义对象,然后创建新的对象
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    </head>
    <body>
    <script>
        //创建直接的实例
        persion = new Object();
        persion.firstname = "Bill";
        persion.lastname = "Gates";
        persion.age = 56;
        persion.eyecolor = "blue";
        document.write(persion.firstname + " is " + persion.age + " years old.<br/>");
        //替代语法(使用对象literals)
        persion = {firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};
        document.write(persion.firstname + " is " + persion.age + " years old.<br/>");
        //使用构造器构造对象
        function persionV(firstname,lastname,age,eyecolor){
            this.firstname = firstname;
            this.lastname = lastname;
            this.age = age;
            this.eyecolor = eyecolor;
            //将方法添加到JavaScript对象中
            this.changeName = changeName;
            function changeName(name){
                this.lastname = name;
            }
    
        }
        myFather =  new persionV("Bill","GateV1",89,"red");
        document.write(myFather.firstname + " is " + myFather.age + " years old.<br/>");
        myFather.changeName("hehehe");
        document.write(myFather.firstname + " " + myFather.lastname + " is " + myFather.age + " years old.<br/>");
    </script>
    </body>
    </html>
  • 访问对象的属性,属性指的是与对象相关的值,访问对象属性的语法如下:

    objectName.propertyName

    具体例子:

  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    </head>
    <body>
    <script>
        var message = "Hello World!";
        var x = message.length;
        document.write(x)
    </script>
    </body>
    </html>
  • 访问对象的方法:方法指的是能够在对象上执行的动作,具体语法如下:
  • objectName.methodName()

    具体例子:

  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    </head>
    <body>
    <script>
        var message = "Hello World!";
        var x = message.toUpperCase();
        document.write(x)
    </script>
    </body>
    </html>
时间: 2024-10-10 18:04:11

JavaScript学习笔记三:JavaScript对象的相关文章

javascript学习笔记(三) string对象中的正则表达式

1. search返回匹配到的位置(-1找不到) var str = 'html js' var pattern = /js/ str.search(pattern)    --------->5 2. Match str.match(pattern) --------['js'] /js/g -----> ["js", "js",,"js"] match vs exec match:非全局的情况下才会返回分组中匹配到的内容,全局匹配

JavaScript学习笔记(三)——this、原型、javascript面向对象

一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化,当然也可以使用call.apply修改this指向的对象.它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用 1.1.JavaScript中函数与方法的区分 在面向过程的语言中我们习惯把完成某个特定功能的代码块称为“函数”或“过程”,当然过程一般没有返回值.在面向对象语言中我们把对象的功能

JavaScript学习笔记(6)——JavaScript语法之对象

JavaScript 中的所有事物都是对象:字符串.数字.数组.日期,等等. 在 JavaScript 中,对象是拥有属性和方法的数据. 属性是与对象相关的值. 方法是能够在对象上执行的动作. 提示:在面向对象的语言中,属性和方法常被称为对象的成员. 访问对象属性的语法是: objectName.propertyName 您可以通过下面的语法调用方法: objectName.methodName()

JavaScript学习笔记(12)——JavaScript内置对象

1.Number Javascript只有一种数字类型,可以有小数也可以没有,也可以使用科学计数法. var y=123e5; // 12300000 var z=123e-5; // 0.00123 JavaScript 不是类型语言.与许多其他编程语言不同,JavaScript 不定义不同类型的数字,比如整数.短.长.浮点等等. JavaScript 中的所有数字都存储为根为 10 的 64 位(8 比特),浮点数. 如果前缀为 0,则 JavaScript 会把数值常量解释为八进制数,如果

Javascript学习总结三(Array对象的用法)

javascript Array对象的常用API 1:concat concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本.举例:var a1 = ['aa','bb'];var a2 = ['cc','dd'];var a3 = a2.concat(a1); 2:every every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供).every() 方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表

javascript学习笔记 - 面向对象 理解对象

ECMAScript 中有两种属性:数据属性和访问器属性 一 属性类型 1.数据属性.数据属性有4个描述其行为的特性 [[Configurable]]表示能否通过delete删除属性从而重新定义属性: 能否修改属性: 能否把属性修改为访问器属性.  [[Enumerable]] 表示是否能通过for-in循环进行枚举.  [[Writable]] 表示能否修改属性的值  [[value]] 包含这个属性的值.读取和写入属性值,都是从这个位置来操作  对象字面量初始化时定义的属性,这些特性默认都是

前端乱煮之javascript学习笔记三

1 DOM即为文档对象模型,在html页面加载完成后,浏览器会创建页面的文档对象模型,它看来像是一棵树,有根节点,以及其他的节点. 而通过可编程的对象模型,javascript可以获得创建动态HTML的能力.比如,javascript可以改变HTML所有的元素.可以改变这些元素的属性.可以改变这些元素的样式和能对该页面内的事件作出反应. 2 要想对页面内的元素进行操作,首先就要获得这个元素.通常有三种获得元素的方法,分别是 通过Id来获得元素: 通过标签来获得元素: 通关类名来获得元素: 3 通

JavaScript学习笔记——3.系统对象

1.常用对象类型 时间(Date)对象 数学(Math)对象 字符串(String)对象 正则表达式(RegExp)对象 数组(Array)对象 2.Date对象: //var date= new Date(); .getYear() //获取年13 .getFullYear() //获取年2013 .getMonth() //获取月(需要+1) .getDate() //获取日 .getHours() //获取时 .getMinutes() //获取分 .getSeconds() //获取秒

JavaScript学习笔记2-数组对象

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script> 9 //合并数组 10 var arr1 = ["Hello","World",&q